Color Mixer
Blend two colors across any color space, with CSS blend modes.
Mix
Where the two colours meet at the chosen ratio.
#6366F1
#E95EA050%
#F59E0B
Mixed colour
#E95EA0
CSS color-mix()
color-mix(in oklch, #6366f1 50%, #f59e0b)
Ramp
Every step between the two colours in the selected space.
#6366F1
#9160EA
#B55CD8
#D25BBE
#E95EA0
#F8667F
#FF755C
#FE8837
#F59E0B
Ramp
#6366F1, #9160EA, #B55CD8, #D25BBE, #E95EA0, #F8667F, #FF755C, #FE8837, #F59E0B
Blend modes
What the same pair produces when composited, not interpolated.
multiply#5F3F0A
screen#F9C5F2
overlay#BE7EE4
darken#63660B
lighten#F59EF1
difference#9238E6
Colours
0.50
9
Interpolation space
OKLCH keeps the midpoint as bright as the ends; sRGB tends to go muddy.