Gradient Background Editor

Create beautiful gradient backgrounds with multiple colors and smooth transitions

Gradient Type

Linear Radial

Direction

Gradient Center

Horizontal

50%

Vertical

50%

Colors

Quick Presets

Export

CSS Code Click to copy


                    background: linear-gradient(to right, #667eea 0%, #764ba2 50%, #f093fb 100%);