Gradient Generator

Build linear, radial and conic gradients and export them.

Position

Gradient

Angle

Stops

Examples

Stop · HEX

Alpha

Export

1.gradient {

2 background: linear-gradient(90deg, #3b82f6 0%, #a855f7 100%);

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