Gradient Type
📏 Linear
⭕ Radial
Direction
↑ Top
↗ Top Right
→ Right
↘ Bottom Right
↓ Bottom
↙ Bottom Left
← Left
↖ Top Left
🎯 Custom
Color Stops
Gradient Presets
Live Preview
Click to copy CSS
CSS Code
background: linear-gradient(to bottom, #ff0000, #00ff00);