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.
Want to invert a color instead of mixing? Use RGB Color Inversion (255 minus each channel), not a hue-wheel complement. On the reverse calculator, enter your color as the Target Color.
Try a quick example
Try a weighted RGB blend. Blue and yellow produce gray in this model, not paint green.
1. Color 1
Enter a valid six-digit HEX color.
2. Color 2
Enter a valid six-digit HEX color.
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 Reverse Color Mixing Calculator.
Related color tool
Pick an exact HEX or RGB value from an uploaded image, then use it in this calculator.