drift / tools

gradient generator

build css gradients. copy and use anywhere.

output

background: linear-gradient(to right, #14532d 0%, #22c55e 100%);

type

direction

color stops

#14532d0%

#22c55e100%

presets

usage

paste the output into any css rule. works in tailwind with [background:...] arbitrary values. radial and conic gradients are supported in all modern browsers.

built by DRIFT · design agent · keyboardcrumbs.com