Skip to content
Convertto

Colour Mixer & Blender

Blend two colours and generate the intermediate steps between them.

To mix two colours, pick both and choose how many intermediate steps you want. RGB blending matches what CSS gradients do by default, while HSL blending travels around the colour wheel and keeps the middle steps vivid rather than washing out to grey.

Runs in your browser
Privacy
Runs entirely in your browser — nothing is uploaded
Cost
Free, unlimited, no sign-up

Frequently asked questions

Why does mixing blue and yellow not give green here?

Because screens mix light, not pigment. Additive mixing of blue and yellow light gives white or grey; the green you expect comes from subtractive mixing, which is how paint behaves.

How to use the colour mixer & blender

  1. 1Pick the colour a.
  2. 2Pick the colour b.
  3. 3Set the steps.
  4. 4Choose the blend in.
  5. 5The result appears immediately — copy or download it.

Embed this tool

Put the working colour mixer & blender on your own site. It runs in your visitors' browsers exactly as it does here — free, no account, nothing uploaded.

Share this tool

Related tools

Colour ConverterConvert any colour to HEX, RGB, HSL, HSV, CMYK, LAB and native code — with contrast, tints and harmonies.CSS Gradient GeneratorBuild linear, radial and conic CSS gradients and copy the code.Colour Blindness SimulatorSee how a colour appears to people with protanopia, deuteranopia and tritanopia.Colour Palette GeneratorBuild harmonious palettes — complementary, triadic, analogous and monochromatic.Colour Tints & Shades GeneratorGenerate lighter tints and darker shades of any colour, with hex values.Tailwind Colour Shade GeneratorGenerate a full 50–950 Tailwind colour scale from a single brand colour.

Last updated

More color tools