Advertise

Color Mixer

Blend two colors and get every step in between.

About Color Mixer

Mix two colors in RGB, linear light or OKLab (the most natural-looking blend) and choose how many intermediate steps you need. Every step can be copied as HEX or RGB.

How to use

  1. Pick a color, type any color code (HEX, RGB, HSL, a CSS name…) or open an image.
  2. Adjust the options – the result updates instantly.
  3. Click any code or swatch to copy it, or send the color to another tool with Open in….

Everything runs in your browser: your colors and images are never uploaded or stored.

Related tools

HTML Color PickerPick any color and copy its HEX, RGB, HSL, HSV and CMYK codes. Color Wheel & HarmoniesFind complementary, analogous, triadic and other matching colors. Image Color PickerUpload a photo and click it to get the color of any pixel. Color Name FinderWhat is this color called? Find the closest HTML color name. HTML Color NamesAll 141 HTML / CSS color names with HEX and RGB codes. Material Design ColorsThe Material Design palette: 19 colors, shades 50–900 and accents. Tailwind CSS ColorsThe Tailwind CSS default palette, 22 colors × 11 shades. HEX to RGBConvert a HEX color code to RGB (and RGBA).