CSS Gradient Generator

Build beautiful gradients visually and export ready-to-use CSS code.

Build beautiful gradients visually and export CSS.

Gradient Type

Angle: 90°

Color Stops

0%#ff6b6b 0%100%

0%#ffd93d 50%100%

0%#6bcb77 100%100%

Presets

Preview

CSS Code

.gradient {
  background: linear-gradient(90deg, #ff6b6b 0%, #ffd93d 50%, #6bcb77 100%);
}