Home
Articles
Home
The Art of the Gradient
Compared to Gradient Generator
The Art of the Gradient vs Gradient Generator
Comparing the features of The Art of the Gradient to Gradient Generator
Feature
The Art of the Gradient
Gradient Generator
Capability Features
Add Color Layers
Adjust Angle
Adjust Position
Adjust Size
Adjustable Gradient Precision
Automatic Gray Dead Zone Avoidance
Blend Modes
Copy CSS
Copy Gradient URL
Copy Link
Copy SVG for Figma
CSS Gradient Generation
Custom Gradient Angle
Edit Preset Gradients
Export Format CSS
Export Preset Gradients
Copy CSS
Get SVG
Export to SVG
File Formats
CSS
SVG
Gradient Easing Options
None
Cubic
Number of Gradient Types
Linear
Radial
Conic
Perceptually Uniform Gradients
Preset Gradients
Reset Position
Reset Size
Save as PNG
Set Gradient Position
Set Interpolation Direction
Short
Long
Supported Interpolation Spaces
LCH
HSB
HSL
LCHUV
OKLCH
OKHSV
OKHSL
JCH
Integration Features
Compatible Design Tools
Figma
Sketch
Canva
Photoshop
Figma Plugin
Open in CodePen
Share to Twitter
Star on Github
Limitation Features
Max Gradient Position
120%
No Account Registration Required
No Account Required
No API Access
No Paid Features
No Watermark
Pricing Features
Free Tier