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.
Red and yellow make orange. Mixing #FF0000 and #FFFF00 equally gives #FF8000, a vivid orange. Shift the ratio toward yellow for amber and gold tones, or toward red for burnt orange.
In paint, blue and yellow make green. In light (how screens work), green is a primary color and cannot be mixed from other colors - but mixing yellow (#FFFF00) and cyan (#00FFFF) light gives a bright green.
This tool mixes light (additive RGB averaging), while paint mixes pigments (subtractive). Paint mixing tends to darken and mud colors, while light mixing brightens toward white. Both are "correct" - they are just different physical processes.
Keep the color moving
Useful next steps
Your latest color stays in the local workspace when the next tool uses it.
Color Palette Generator
Generate harmonious color palettes from any base color
CSS Gradient Generator
Generate CSS gradients with a visual editor
Color Converter
Convert one color into implementation-ready screen and print-reference formats
Random Color Generator
Generate reproducible colors with constraints, locks, history, and exports