Color mixer

Blend two colors at any ratio - in RGB, HSL, or perceptual (linearized sRGB) color space.

Color A

Color B

Mix ratio - Color A50%

100% BEqual100% A

Blend mode

Color A

#ff6b6b

hsl(0, 100%, 71%)

Color B

#4ecdc4

hsl(176, 56%, 55%)

50% A

#a79c98

hsl(16, 8%, 63%)

HEX#a79c98

RGBrgb(167, 156, 152)

HSLhsl(16, 8%, 63%)

CSS color-mixcolor-mix(in srgb, #FF6B6B 50%, #4ECDC4)