Gradient Generator
Create stunning CSS gradients with ease. Generate linear, radial, and conic gradients.
3
Gradient Types
∞
Color Combinations
CSS
Code Export
Gradient Type
0°90°180°270°360°
Color Stops (2)
Preview
Linear Gradient
CSS Code
background:
Tailwind CSS
bg-gradient-to-r from-blue-500 to-purple-600
Quick Actions
Gradient Types
Linear Gradient
Colors transition in a straight line from one point to another.
Radial Gradient
Colors radiate outward from a central point in a circular pattern.
Conic Gradient
Colors transition around a center point in a sweeping angular motion.
Color Stops
Stop 1
#ff6b6b at 0%
Stop 2
#4ecdc4 at 100%