CSS Gradient Generator

Create beautiful CSS gradients with a color picker. Adjust colors, angle, and type with live preview.

HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)

Color Palette

Frequently Asked Questions

What is a CSS gradient?

A CSS gradient is a smooth transition between two or more colors, created using the linear-gradient or radial-gradient CSS functions.

What is the difference between linear and radial?

Linear gradients transition along a straight line at a specified angle, while radial gradients radiate outward from a center point.