gradient.svgGradient generator. Over 1,000 ready-made presets and a user-friendly interface for creating your own gradients
Gradient Generator
Today
Angle90°
%
%
background: linear-gradient(90deg, #7c3aed 0%, #ec4899 100%);Just click on the desired gradient
Red
Red Deep
Red Dark
Red Classic
Red Bright
Red Soft
Red Reverse
Red Vertical
Red Horizontal
Red Diagonal
Red Triple
Orange
Orange Deep
Orange Dark
Orange Classic
Orange Bright
Orange Soft
Orange Reverse
Orange Vertical
Orange Horizontal
Orange Diagonal
Orange Triple
Amber
Amber Deep
Amber Dark
Amber Classic
Amber Bright
Amber Soft
Amber Reverse
Amber Vertical
Amber Horizontal
Amber Diagonal
Amber Triple
Yellow
Yellow Deep
Yellow Dark
Yellow Classic
Yellow Bright
Yellow Soft
Yellow Reverse
Yellow Vertical
Yellow Horizontal
Yellow Diagonal
Yellow Triple
Lime
Lime Deep
Lime Dark
Lime Classic
Lime Bright
Lime Soft
Lime Reverse
Lime Vertical
Lime Horizontal
Lime Diagonal
Lime Triple
Green
Green Deep
Green Dark
Green Classic
Green Bright
Green Soft
Green Reverse
Green Vertical
Green Horizontal
Green Diagonal
Green Triple
Emerald
Emerald Deep
Emerald Dark
Emerald Classic
Emerald Bright
Emerald Soft
Emerald Reverse
Emerald Vertical
Emerald Horizontal
Emerald Diagonal
Emerald Triple
Teal
Teal Deep
Teal Dark
Teal Classic
Teal Bright
Teal Soft
Teal Reverse
Teal Vertical
Teal Horizontal
Teal Diagonal
Teal Triple
Cyan
Cyan Deep
Cyan Dark
Cyan Classic
Cyan Bright
Cyan Soft
Cyan Reverse
Cyan Vertical
Cyan Horizontal
Cyan Diagonal
Cyan Triple
Sky
Sky Deep
Sky Dark
Sky Classic
Sky Bright
Sky Soft
Sky Reverse
Sky Vertical
Sky Horizontal
Sky Diagonal
Sky Triple
Blue
Blue Deep
Blue Dark
Blue Classic
Blue Bright
Blue Soft
Blue Reverse
Blue Vertical
Blue Horizontal
Blue Diagonal
Blue Triple
Indigo
Indigo Deep
Indigo Dark
Indigo Classic
Indigo Bright
Indigo Soft
Indigo Reverse
Indigo Vertical
Indigo Horizontal
Indigo Diagonal
Indigo Triple
Violet
Violet Deep
Violet Dark
Violet Classic
Violet Bright
Violet Soft
Violet Reverse
Violet Vertical
Violet Horizontal
Violet Diagonal
Violet Triple
Purple
Purple Deep
Purple Dark
Purple Classic
Purple Bright
Purple Soft
Purple Reverse
Purple Vertical
Purple Horizontal
Purple Diagonal
Purple Triple
Fuchsia
Fuchsia Deep
Fuchsia Dark
Fuchsia Classic
Fuchsia Bright
Fuchsia Soft
Fuchsia Reverse
Fuchsia Vertical
Fuchsia Horizontal
Fuchsia Diagonal
Fuchsia Triple
Pink
Pink Deep
Pink Dark
Pink Classic
Pink Bright
Pink Soft
Pink Reverse
Pink Vertical
Pink Horizontal
Pink Diagonal
Pink Triple
Rose
Rose Deep
Rose Dark
Rose Classic
Rose Bright
Rose Soft
Rose Reverse
Rose Vertical
Rose Horizontal
Rose Diagonal
Rose Triple
Slate
Slate Deep
Slate Dark
Slate Classic
Slate Bright
Slate Soft
Slate Reverse
Slate Vertical
Slate Horizontal
Slate Diagonal
Slate Triple
Gray
Gray Deep
Gray Dark
Gray Classic
Gray Bright
Gray Soft
Gray Reverse
Gray Vertical
Gray Horizontal
Gray Diagonal
Gray Triple
Zinc
Zinc Deep
Zinc Dark
Zinc Classic
Zinc Bright
Zinc Soft
Zinc Reverse
Zinc Vertical
Zinc Horizontal
Zinc Diagonal
Zinc Triple
Neutral
Neutral Deep
Neutral Dark
Neutral Classic
Neutral Bright
Neutral Soft
Neutral Reverse
Neutral Vertical
Neutral Horizontal
Neutral Diagonal
Neutral Triple
Stone
Stone Deep
Stone Dark
Stone Classic
Stone Bright
Stone Soft
Stone Reverse
Stone Vertical
Stone Horizontal
Stone Diagonal
Stone Triple
Warm
Sunset 135
Sunset 90
Sunset 45
Sunset Triple
Sunset Quad
Sunset Radial
Sunset Top
Sunset Corner
Sunset Conic
Sunset Conic Soft
Cold
Arctic 135
Arctic 90
Arctic 45
Arctic Triple
Arctic Quad
Arctic Radial
Arctic Top
Arctic Corner
Arctic Conic
Arctic Conic Soft
Pastel
Cotton 135
Cotton 90
Cotton 45
Cotton Triple
Cotton Quad
Cotton Radial
Cotton Top
Cotton Corner
Cotton Conic
Cotton Conic Soft
Neon
Neon Cyan 135
Neon Cyan 90
Neon Cyan 45
Neon Cyan Triple
Neon Cyan Quad
Neon Cyan Radial
Neon Cyan Top
Neon Cyan Corner
Neon Cyan Conic
Neon Cyan Conic Soft
Glass
Glass White
Glass Blue
Glass Purple
Glass Pink
Glass Cyan
Glass Green
Glass Sunset
Glass Night
Glass Radial
Glass Prism
Metallic
Silver
Gold
Rose Gold
Copper
Titanium
Blue Metal
Purple Metal
Black Metal
Chrome
Iridescent
Two Color
Red + Orange
Red + Orange Horizontal
Red + Orange Soft
Red + Orange Triple
Red + Orange Radial
Red + Orange Conic
Red + Amber
Red + Amber Horizontal
Red + Amber Soft
Red + Amber Triple
Feedback