Color Mixer
Color Mixer
Blend two or more colors by ratio to get new transitional colors, with values for every step.
Result
Click any swatch to copy its value#4694DE
Multi-color gradient
Add several stops and generate evenly spaced transitional colors between them.
Transition steps per segment
About color mixing
Additive vs subtractive
Screens mix light (additive): red+green+blue trends toward white. Paint mixes pigment (subtractive) toward black.
Why not just average
Averaging directly in RGB makes colors muddy and dark. Switch to "Linear light" to interpolate in linear light and keep saturation, closer to real overlays in design software; the other modes (multiply / screen / etc.) follow the W3C Compositing & Blending standard formulas, matching Photoshop layer blending.
About this tool
📘Color mixer blends 2–4 colors by weight with live transition preview and several blend modes.
- Add 2–4 colors and drag the weight sliders to set each one's share in the mix.
- Blend modes include Normal / Multiply / Screen to mimic different overlays.
- Want a lightness ramp? Send the result to Color Scale to pull a 50–950 set at once.
Tips
💡- Add 2–4 colors and drag the ratio bars to weight each one in the mix; see the blend live.
- Blend modes include normal / multiply / screen to mimic different overlays.
- Want a lightness ramp? Feed the result to the Color Scale tool for a 50–950 set.