Color
Typescale
Transitions
Gradients
Get Variables
Create a gradient and export as you like
Random
Copy CSS
Color Stops
Click to add stop
0%
100%
Smooth interpolation
Type
Linear
Radial
Aspect Ratio
Square (1:1)
Portrait (9:16)
Tall (9:19.5)
Portrait (4:5)
Portrait (2:3)
Portrait (3:4)
Landscape (16:9)
Standard (4:3)
Wide (1.91:1)
Ultrawide (21:9)
Banner (3:1)
Wide (5:4)
Golden Ratio (1:1.618)
A4 Paper (1:1.414)
Classic (5:7)
Photo (3:2)
Rotation
90°
PNG
JPG
WEBP
SVG