Colour Mixer

Set two colours and move the ratio to get what sits between them. Useful for pulling the colour at a specific point in a gradient, or finding a middle tone between two brand colours.

🎨 Everything runs in your browser. No install, no sign-up.

First colour

Second colour

Blend ratio50% : 50%

Steps at 10% intervals

The blend sits at 4.5:1 contrast on white. An even fifty-fifty mix often loses saturation and turns muddy — tipping one side past 70% usually brings the colour back.

What this tool does

Ratio slider for the blend
See several intermediate steps at once
Copy HEX or RGB
Check contrast of the blend

Other colour tools

Colour Palette GeneratorPull colours that work with a base colour, by rule Colour Shades GeneratorTurn one colour into a 50–900 scale Random Colour GeneratorLock the ones you like, reroll the rest Colour Contrast CheckerCheck text legibility against WCAG

Colours may look slightly different depending on your screen and its colour profile.