ToolsHub

← Back to Color Tools

Gradient Generator

Create beautiful CSS gradients with custom colors, angles, and positions. Export as CSS code.

Preview
Gradient Settings
Color Stops
%
%
Preset Gradients

Sunset

Ocean

Forest

Fire

Sky

Purple

Export Code

CSS

background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%);

Background Property

linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%)