Gradient Generator
Build CSS linear gradients with live preview and copy-ready code.
CSS
background: linear-gradient(90deg, #3B82F6, #EC4899);
Tailwind (approx.)
bg-gradient-to-r from-[#3B82F6] to-[#EC4899]
CSS linear gradients+
Linear gradients blend two or more colors along a straight line. The angle controls direction: 0° points upward, 90° to the right, and 180° downward in standard CSS syntax.
Using the output+
Copy the generated CSS into your stylesheet or inline styles. The Tailwind hint uses arbitrary color values for quick prototyping.