GRADIENT GENERATOR

Create beautiful CSS gradients visually. Generate linear and radial gradients with custom colors.

GRADIENT PREVIEW

COLOR 1

COLOR 2

GRADIENT TYPE

ANGLE

CSS CODE

background: linear-gradient(135deg, #7c00f0, #00d4ff);