Gradient Generator
Create beautiful CSS gradients with customizable color stops, presets, and instant code generation.
background: linear-gradient(90deg, #3B82F6 0%, #F472B6 100%);Gradient Controls
Customize your gradient with the controls below
deg
#3B82F6#F472B6Gradient Presets
Quick start with these presets
Blue to Purplelinear
Sunsetlinear
Oceanradial
CSS Code
Generated CSS for your gradient
.your-element {
}