What is the Color Mixer?
Blend two colors together at any ratio. Designers and developers switch between color formats constantly. These color tools convert precisely between HEX, RGB, HSL and CMYK and check accessibility contrast against WCAG.
How to use the Color Mixer
- Enter your color a, your color b, your amount of b.
- Results update automatically as you type; you can also press Calculate.
- Read the output: mixed color, rgb.
- Use the 📊 chart to see the result visually, then copy or share it.
Formula and method
Worked example
With color a = #2f55d4, color b = #f29d1d, amount of b = 50 %, the Color Mixer returns mixed color: #917979; rgb: 145, 121, 121.
Tips for better results
- Aim for at least 4.5:1 contrast for body text (WCAG AA).
- CMYK conversions are device-independent approximations — proof important print jobs.
- Build a palette from one brand color, then generate tints and shades.
Frequently asked questions
What does the Color Mixer do?
Blend two colors together at any ratio.
How is it calculated?
The Color Mixer uses this method: Linear interpolation per RGB channel.
Can you show an example?
With color a = #2f55d4, color b = #f29d1d, amount of b = 50 %, the Color Mixer returns mixed color: #917979; rgb: 145, 121, 121.
Is the Color Mixer accurate?
Yes. It uses standard formulas and exact constants, and the results are verified by our automated test suite. Values are displayed to up to 12 significant digits.
Is this tool free and private?
Yes — the Color Mixer is completely free with no sign-up, and it runs entirely in your browser, so the values you enter are never uploaded to our servers.
Related tools
📬 Get new tools first — free
Join Taurang to hear about new calculators, converters and features. No spam; unsubscribe anytime.