Images & Visual Media · Free Tool

Colour Mixer

Blend two colours at any ratio and read off the result — with a live gradient of the steps between them. All in your browser.

Colour A

Colour B

Mix — 50% toward B

HEX—

RGB—

HSL—

Steps A → B (click any to copy)

How it works

Mixing happens in RGB space: each channel of the result is a weighted average of the two colours, where the slider sets the weight toward colour B. The step strip samples that same blend at 11 points from pure A to pure B — handy for building tints between two brand colours. Everything is computed on your device.