Color Mixing Calculator
Mix two digital colors by percentage. Enter HEX or RGB values and see the result instantly.
Digital RGB calculations, not physical paint or ink formulas.
Try a quick example
Try a weighted RGB blend. Blue and yellow produce gray in this model, not paint green.
1. Color 1
2. Color 2
3. Result Color
Your RGB mixing formula
Each channel = Color 1 × its percentage + Color 2 × the remaining percentage, rounded to the nearest integer.
How to mix two RGB colors by ratio
Choose Color 1 and Color 2 using the color pickers, six-digit HEX values or RGB channels from 0 to 255. The slider sets the percentage of Color 1; the remainder comes from Color 2. Copy the resulting HEX color for a design or stylesheet.
Color mixing formula
result = color1 * R + color2 * (1 - R), applied separately to each RGB channel. At 50:50, red (#FF0000) and blue (#0000FF) give #800080. At 25:75, black and white give #BFBFBF. At 100%, the result is Color 1; at 0%, it is Color 2.
Why does blue and yellow make gray?
This color mixer averages encoded RGB channel values. Equal parts #0000FF and #FFFF00 give #808080. It does not simulate pigments, light intensity in linear RGB, or physical paint mixing.
Can I find the colors needed for a target?
This page calculates a result from two known colors. To solve for a missing color at a chosen ratio, use the Color Reverse Calculator.
Related color tool
Pick an exact HEX or RGB value from an uploaded image, then use it in this calculator.