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 conic-gradient — pie-chart style, great for progress rings and ...