Color Mixer
Mix two colors and generate intermediate swatches.
+
#3b82f6
#5a87cf
#798ba8
#989081
#b79559
#d69932
#f59e0b
How to Use
- Pick two base colors using the color pickers or by entering HEX values directly.
- Adjust the Steps slider to control how many intermediate swatches are generated between the two base colors.
- Click any color swatch to copy its HEX value for use in your design or CSS.
Frequently Asked Questions
- Which color space is used for mixing?
- Colors are mixed using RGB linear interpolation — each channel (red, green, blue) is blended proportionally between the two input colors. This is the simplest and most predictable mixing model.
- Why do some mixed colors look muddy?
- RGB interpolation can produce desaturated, grey-ish midpoints for certain color pairs (e.g. red and green mixing through grey). For more perceptually uniform blends, LAB or HSL color spaces are better — but this tool uses RGB for simplicity and CSS compatibility.
- Can I export the full swatch palette?
- Click each individual swatch to copy its HEX value. There is no bulk export — copy swatches one at a time.