Gradient Builder
Linear
Radial
Conic
Random
Fullscreen
History
Click to add a stop. Drag to reposition. Right-click to delete.
Direction & Angle
Angle
°
Presets
↖
↑
↗
←
•
→
↙
↓
↘
Shape
Circle
Ellipse
Size
Farthest Corner
Closest Corner
Farthest Side
Closest Side
Position
↖
↑
↗
←
•
→
↙
↓
↘
From Angle
°
Position
↖
↑
↗
←
•
→
↙
↓
↘
Color Stop Details
Color
Position
%
Opacity
%
Delete Stop
Background Options
Repeating
Off
On
Size
px
x
px
Preset Gradients
CSS Output
Vendor Prefixes
Copy CSS