CSS Gradient Generator

Linear and radial gradients

Pick colors and angles, preview the result and copy CSS.

Linear

Radial

Angle: 90°

Color 1

Color 2

Color 3

CSS

.gradient {
  background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);
}