CSS Gradient Generator

Design a CSS gradient visually — add colour stops, drag their positions, set the angle — and copy the ready-to-use background declaration.

background: linear-gradient(135deg, #2563eb 0%, #9333ea 100%);

Free to use, no sign-up. Calculations run in your browser — nothing you type is sent to a server. These tools are for general information only, not professional advice. See the full tool list.