🌈
GradientLab
Build CSS gradients & copy the code
EN
🌙
Preview
Aa
sample surface
Button
Surprise me
Type & geometry
Linear
Radial
Conic
Angle
·
135°
Shape
Circle
Ellipse
Position
Center
Top
Bottom
Left
Right
Top left
Bottom right
Colour stops
+ Add stop
Even out
Two to six stops. Drag the slider to set where each colour lands.
CSS output
Output
background
background-image
inline style
value only
Copy CSS
Copy Tailwind
Presets
Saved gradients
Save
Copy all CSS
Delete all
🔒
App
Buy
HAVE A CODE?
OK