Color Mixer

Mix two colours to see the result, and blends between them.

Blending colours

Mixing two colours produces a blend, and seeing the result — and the steps between the two — is useful for finding an intermediate shade, understanding how colours combine, or generating a gradient's midpoints. This mixes colours and shows the blend, so you can find exactly the in-between you want.

Pick two colours to see them mixed.

Digital mixing isn't paint mixing

A surprise for anyone who mixed paint at school is that colours mix differently on screen. Physical paints mix subtractively — combining them absorbs more light, so mixing many gives dark muddy brown — while screens mix light additively, where combining red, green and blue makes white. This is why mixing digital colours does not always give the result your paint-mixing intuition expects; blending blue and yellow light does not make green the way paint does. Understanding which model you are in explains a lot of surprising blends, and seeing the actual mixed result takes the guesswork out of finding the intermediate colour you are after.

Common questions

Why don't digital colours mix like paint?

Screens mix light additively (red, green and blue make white), while paint mixes subtractively (combining absorbs light toward dark), so results differ from paint intuition.

What is mixing useful for?

Finding an intermediate shade between two colours, understanding how they combine, or working out a gradient's midpoints.

Is anything uploaded?

No. It runs entirely in your browser.

More Color & Design tools