Aurora Linear
Aurora Linear is a cool aurora color movement gradient built with linear CSS syntax.
coolvioletcyan
CSS Generator
Gradient Generator
Switch gradient modes, tune angles and centers, drag color stops, and copy CSS or Tailwind values.
background
Gradient Field
Controls
135deg
Stop 1
Stop 2
Stop 3
Output
Copy-ready CSS
Pure CSS
background: linear-gradient(135deg, #22d3ee 0%, #a78bfa 52%, #f97316 100%);Tailwind v4
bg-[linear-gradient(135deg\,_#22d3ee_0%\,_#a78bfa_52%\,_#f97316_100%)]Presets
Popular Gradient Presets
Combine modes, angles, center positions, and draggable color stops.
Sunset Radial
Sunset Radial is a warm sunset contrast gradient built with radial CSS syntax.
warmorangeviolet
Ocean Linear
Ocean Linear is a deep ocean color flow gradient built with linear CSS syntax.
bluetealdeep
Neon Conic
Neon Conic is a electric neon energy gradient built with conic CSS syntax.
neoncyanpink
Pastel Diagonal
Pastel Diagonal is a soft pastel blending gradient built with linear CSS syntax.
pastelsoftlight
Coral Linear
Coral Linear is a warm coral brightness gradient built with linear CSS syntax.
warmroseyellow
Steel Radial
Steel Radial is a cool steel interface tone gradient built with radial CSS syntax.
slatebluedark
Berry Conic
Berry Conic is a berry-toned color lift gradient built with conic CSS syntax.
rosepurplebright
Dusk Linear
Dusk Linear is a late dusk saturation gradient built with linear CSS syntax.
indigovioletrose
Ice Radial
Ice Radial is a clean icy brightness gradient built with radial CSS syntax.
lightbluecool
Midnight Conic
Midnight Conic is a midnight blue drama gradient built with conic CSS syntax.
darkblueviolet
Electric Diagonal
Electric Diagonal is a electric blue-green snap gradient built with linear CSS syntax.
limecyanblue
More tools