Gradient Generator
One‑click CSS & SVG gradient creator with vivid, perceptually uniform colors
Pricing Features
Free Tier
Capability Features
Export to SVG
Export Format CSS
Copy SVG for Figma
Copy Gradient URL
Number of Gradient Types
LinearRadialConic
Supported Interpolation Spaces
LCHHSBHSLLCHUVOKLCHOKHSVOKHSLJCH
Perceptually Uniform Gradients
Custom Gradient Angle
Set Gradient Position
Gradient Easing Options
NoneCubic
Set Interpolation Direction
ShortLong
Preset Gradients
Edit Preset Gradients
Export Preset Gradients
Copy CSSGet SVG
Automatic Gray Dead Zone Avoidance
File Formats
CSSSVG
Adjustable Gradient Precision
Integration Features
Compatible Design Tools
FigmaSketchCanvaPhotoshop
Figma Plugin
Limitation Features
Max Gradient Position
120%
No Watermark
No Account Registration Required
No API Access