Color Mixer
Blend two colors and get the result.
Keep or share the finished result
Copy or share after running the tool. Saved tools and settings stay in this browser.
What would you like to do next?
Mix two colors
Pick two colors above and drag the slider to blend them at any ratio, with a live preview and the resulting hex code ready to copy. It is handy for finding an in-between color, softening a bright shade, or creating a midpoint between a brand color and white. The mixing runs entirely in your browser.
How the blend works
The slider sets how much of each color goes into the mix, and the red, green and blue channels are blended in proportion to give the result.
Frequently asked questions
How are the colors mixed?
The red, green and blue channels of both colors are blended in proportion to the slider, giving a straight average at the midpoint.
Can I control the ratio?
Yes. The slider sets how much of each color is used, from all of the first color to all of the second.