Gradient Generator
02/09/2026

Design & Creative

Used by 24 people today

Gradient Generator

Build a CSS linear or radial gradient visually, with up to 3 color stops

Enter your details below to see the result.

COLOR 1

COLOR 2

Add a 3rd color stop

TYPE

ANGLE

QUICK ANGLES

background: linear-gradient(135deg, #22d3ee, #0f6b4e);