Gradient Generator

Create beautiful CSS gradients with a visual editor. Design linear, radial, and conic gradients with multiple color stops.

Gradient Presets

Gradient Settings

Type

Angle: 90°

Repeating Gradient

Color Stops

Generated CSS

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