🎨
GradientForge
v1.0
🎲 Random
⛶ Expand
📋 Copy
⬇ SVG
Type
Linear
Radial
Conic
Direction
Angle
135°
Shape
Ellipse
Circle
Size
Farthest Corner
Closest Corner
Farthest Side
Closest Side
Position X
50%
Position Y
50%
Conic
Start Angle
0°
Center X
50%
Center Y
50%
Color Stops
+ Add Stop
Easing
None (Linear)
Ease In
Ease Out
Ease In-Out
Steps (4)
Steps (8)
Options
Repeating gradient
Presets
CSS Code
Copy
🔗 Share URL
↺ Reset