Color Mixer
Mix any two colors and see exactly what they make. Adjust the ratio, click along the blend strip, and copy the mixed color in hex, RGB, HSL, or CMYK. All mixing happens in your browser.
Mixed Color
#800080
Mixed Color Values
#800080rgb(128, 0, 128)hsl(300, 100%, 25%)cmyk(0%, 100%, 0%, 50%)What Do These Colors Make?
Common 50/50 mixes in additive (light) mixing - how screens and this tool blend colors. Paint behaves differently: pigments absorb light, so paint mixes come out darker and more muted.
| First Color | Second Color | Makes | Hex |
|---|---|---|---|
| Red | Blue | Purple | #800080 |
| Red | Yellow | Orange | #FF8000 |
| Yellow | Cyan | Green | #80FF80 |
| Red | White | Pink | #FF8080 |
| Red | Green | Olive brown | #804000 |
| Blue | White | Light blue | #8080FF |
| Orange | Blue | Muted gray-brown | #805380 |
| Black | White | Gray | #808080 |
How to Use the Color Mixer
Pick two colors using the inputs or color pickers, then drag the ratio slider to control how much of each color goes into the mix. The result updates live with hex, RGB, HSL, and CMYK values you can copy, and the gradient strip shows every intermediate blend.
How Digital Color Mixing Works
The mixer blends each RGB channel proportionally: a 50/50 mix of rgb(255, 0, 0) and rgb(0, 0, 255) averages to rgb(128, 0, 128). This is linear interpolation in RGB space - the same math CSS gradients and image editors use for blending layers.
Common Use Cases
Finding the midpoint color between two brand colors, generating intermediate steps for data visualizations, answering "what do these two colors make", and creating custom tints by mixing a color with white or shades by mixing with black.
Frequently Asked Questions about Color Mixer
Mixing red and blue makes purple. In light (RGB), equal parts red (#FF0000) and blue (#0000FF) give #800080 - exactly the CSS color Purple. Add more red for magenta-leaning purples, or more blue for violet.