What ratio gives an equal blend?

Set the slider to 50% for an exact halfway mix of both colors.

Can I mix any two colors?

Yes — enter any two valid hex codes and the result updates live.

Color Mixer

Pick two colors, slide the ratio, and grab the exact blend.

Color A

Color B

Ratio50% A · 50% B

#b96c7c

HEX

#b96c7c

RGB

rgb(185, 108, 124)

HSL

hsl(348, 35%, 57%)

A color mixer blends two colors by interpolating their red, green and blue channels. It is a fast way to find intermediate shades, tints and tones.

Frequently asked questions

It averages the red, green and blue values of the two colors according to the ratio you set.

Good to know

Blending happens in RGB space, so some midpoints can look muted or desaturated.
The step strip shows 0%, 20%, 40%, 60%, 80% and 100% blends at a glance.

Tools that pair with Color Mixer

Color Mixer is one of 33 single-page tools in this workspace. These are the ones that carry the job on — the color value moves between them, so nothing gets retyped or re-uploaded.

Color PickerPick, fine-tune and copy any color in HEX, RGB or HSL.Gradient GeneratorBuild linear, radial and conic CSS gradients.Palette GeneratorCreate harmonious palettes with lock and export.

Guides for Color Mixer

Longer reads for the questions that come up around color mixer.

Sep 21, 2026