Color Mixer
Blend two colors at any ratio and get the resulting hex code.
What do you get when you blend this blue with that yellow — and what if it's 70% blue, 30% yellow? Mixing colors digitally means averaging their RGB channels at a chosen ratio, which is easy to get wrong by eye and tedious to compute by hand.
Pick two colors and a mix ratio, and this tool blends them and shows the resulting hex and RGB, with a live preview of all three. Slide the ratio to find a midpoint, a subtle tint, or anything in between — handy for gradients, interpolating between brand colors, or just exploring combinations.
How to use Color Mixer
- 1
Pick two colors
Use the pickers or type hex values.
- 2
Set the mix ratio
Slide between 100% of one color and 100% of the other.
- 3
Copy the result
Grab the blended hex or RGB.
Features
- Adjustable blend ratio
- Live preview of both colors and the mix
- Hex and RGB output
Frequently asked questions
Common mistakes to avoid
- Expecting paint-like results — digital RGB mixing behaves differently from pigments.
- Blending two very different hues and getting a muddy gray at the midpoint.
Get new tools in your inbox
One email a month with new tools, guides, and updates. No spam, unsubscribe anytime.