Color Blender

Blend two colors together

Color Tools
Instant results
Midpoint Blend (50/50)

Blended Gradient

CSS Gradient

background: linear-gradient(to right, #ff0000, #bf0040, #800080, #4000bf, #0000ff);

About Color Blender

Blend two colors together and generate a smooth gradient between them. Click any color swatch to copy its hex value.