Writing linear-gradient(135deg, #667eea 0%, #764ba2 100%) from scratch every time is tedious. Remembering the syntax for radial and conic gradients is even worse.

I added a free CSS gradient generator to PaletteCSS that handles all three gradient types with a live visual preview.

What it supports

linear-gradient — any angle, drag the dial or type degrees

radial-gradient — circular and elliptical