Preview
Color Stops
#
ff6b6b0%
#
4ecdc4100%
CSS Output
/* CSS */
background: linear-gradient(90deg, #ff6b6b 0%, #4ecdc4 100%);
Create beautiful CSS gradients with multiple color stops and export for web design
ff6b6b4ecdc4A CSS gradient generator is a web tool that helps you create smooth color transitions for web design.
To create a linear gradient: Select "Linear", choose a direction, and add color stops.
Linear gradients blend colors in a straight line, while radial gradients blend from a center point outward.
Yes! Click the "Copy CSS" button to copy the code to your clipboard.