Background Gradient Generator

Build linear and radial gradients with multiple color stops.

Controls

Gradient Type

Angle135°

Color Stops

Stop 10%

Stop 2100%

.element {
  background: linear-gradient(135deg, #3b82f6 0%, #ef4444 100%);
}