Gradient Generator

Create stunning SVG gradient backgrounds with our intuitive color palette and real-time preview

Real-time Preview
8 Colors Max

Live Preview

Generating beautiful gradient...

Developer API Link

Note: Colors use hex_ prefix instead of # to avoid URL encoding issues. Example: hex_FF0000 instead of #FF0000
/api?colors=hex_5135FF&colors=hex_FF5828&colors=hex_F69CFF&colors=hex_FFA50F&width=600&height=400
colors

Hex colors in format hex_FFFFFF

width

Image width in pixels

height

Image height in pixels

Dimensions

px
px
Aspect Ratio:1.50:1
Total Pixels:240,000

Color Palette

Add New Color (4/8)

Preset Templates