Features
- Mixes two colors in RGB, HSL or perceptual OKLCH space for smoother midpoints.
- A ratio slider weights the blend continuously between the two endpoints.
- Outputs a full interpolation scale you can copy as ready-made design-system steps.
Color blender
Mix any two colors in RGB, HSL or OKLCH space with a ratio slider. Also generates an interpolation scale.
#9465c8
#3b82f6
#517bea
#6774df
#7d6cd3
#9465c8
#aa5ebc
#c057b0
#d64fa5
#ec4899