Color Mixer

Mix, blend and composite colors with exact math. Mixing interpolates in CIE-LAB (perceptual) or sRGB; blending uses the CSS blend modes; opacity shows straight-alpha compositing over any background.

Input

Color A

Color B

Mix ratio 50%

Mix

#BC7C8ELAB · 50%

HEX#BC7C8E

RGBrgb(188, 124, 142)

ΔH176°Mix50% Color B

Mix ratio

The full ramp from A to B through the selected space.

Blend mode

Color A

#2563EB

Color B

#F59E0B

#F59E0B#2563EB ← normal → #F59E0B

Opacity

Opacity 50%

#92B1F5rgba(37, 99, 235, 0.5)

HEX#92B1F5Solved alpha100%

#2563EB @ 100% = #F59E0B

Loading…