← Back to ToolGen
🌈 CSS Gradient Generator
Create beautiful CSS gradients with live preview.
Gradient Type:
Linear Gradient
Radial Gradient
Color 1:
%
Color 2:
%
Direction (for linear):
Left → Right
Right → Left
Top → Bottom
Bottom → Top
TopLeft → BottomRight
135 degrees
📋 Copy CSS