Color Mixer
Enter two hex colors and a mix ratio to see the blended color.
Last updated: September 5, 2026
Frequently asked questions
How does color mixing work here - like paint or like light?
Like light (additive RGB blending), not paint (subtractive pigment mixing) - this calculator linearly interpolates the red, green, and blue channels between your two colors, which is how digital displays and design tools mix colors, not how physical paint pigments combine.
What ratio gives an even 50/50 mix?
Set the first color's weight to 50% - each channel becomes the exact average of the two input colors' channels at that setting.
Can I use color names instead of hex codes?
No - enter colors as 6-digit hex codes (like #FF0000 for red), since that's the precise, unambiguous format this calculator parses. Most design tools and browsers can show you the hex code for any color you pick visually.
What color do you get from mixing pure red and pure blue at 50/50?
A mid-purple/magenta, roughly #7F007F - since red is (255,0,0) and blue is (0,0,255), averaging each channel gives (127,0,127), the RGB midpoint between the two.
Why doesn't mixing red and green give brown or yellow like paint would?
Because this tool blends light (additive RGB), not pigment (subtractive mixing). Additively, red (255,0,0) and green (0,255,0) mixed 50/50 average to (127,127,0), a yellow-olive tone - similar to yellow, but by an entirely different mechanism than mixing paint pigments, which is why intuitions from painting don't always transfer here.
What happens if I set the ratio to 0% or 100%?
At 0% first-color weight, the output is simply the second color unchanged; at 100%, it's the first color unchanged - the ratio only matters for values between those two extremes.