Gradient Type
Color Stops
Presets
CSS Code
Background Preview
Sample card with your gradient
Text remains readable on gradient backgrounds.
Choose gradient type: linear, radial, or conic
Add and customize color stops
Adjust angle or pick a preset
Copy the CSS code to your project
More Free Tools