Color Mixer
Blend two HEX colors at any ratio and copy the result.
50% A · 50% B
Mixed color
#800080
Blend steps (A → B)
#ff0000
#df0020
#bf0040
#9f0060
#800080
#60009f
#4000bf
#2000df
#0000ff
How colors are mixed
This mixer does a straight linear interpolation in RGB: each red, green, and blue channel moves from color A toward color B by the ratio you set, then the result is rounded back to a HEX code. A 50/50 mix sits exactly halfway between the two. It's the same math design tools use for gradients and tweening, and it all runs in your browser.
More color tools: the color shades generator, the all-in-one color converter, and HEX to RGB.
Related Design & CSS tools
Color Converter
Convert a color to HEX, RGB, HSL, HSB, and CMYK at once.
HEX to RGB
Convert HEX color codes to RGB / RGBA values.
RGB to HEX
Convert RGB values into HEX color codes.
CSS Box Shadow Generator
Visually design CSS box-shadow with a live preview and code.
CSS Border Radius Generator
Visually craft border-radius with a live preview.
HEX to CMYK
Convert HEX colors to CMYK print values.
CMYK to HEX
Convert CMYK print values to HEX colors.
HEX to HSB
Convert HEX colors to HSB / HSV values.