GRADIENT GENERATOR

TYPE

ANGLE: 90°

COLOR STOPS

CSS

background: linear-gradient(90deg, #FF6B6B 0%, #4ECDC4 100%);

PREVIEW

EXAMPLE USAGE

CSS

.element {
background: linear-gradient(90deg, #FF6B6B 0%, #4ECDC4 100%);
}

TAILWIND (arbitrary value)

className="bg-[linear-gradient(90deg, #FF6B6B 0%, #4ECDC4 100%)]"