Gradient Generator

Build linear & radial gradients with live preview. Copy CSS.

Type

Angle: 45°

Color Stops

CSS

linear-gradient(45deg, #ff5e3a 0%, #ff2d55 100%)

Tailwind (arbitrary value)

bg-[linear-gradient(45deg,_#ff5e3a_0%,_#ff2d55_100%)]

Related tools