Generate a GRADIENT gradient output in your browser for quick design previews, CSS-ready ideas, and smooth color transitions.
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
Build linear, radial, and conic CSS gradients visually. Live preview, multi-stop control, and one-click CSS or SVG export.