gradient.style is a free CSS gradient builder supporting modern, wide-gamut color spaces (OKLab, LCH, OKLCH, Display P3, and more), generating both modern and classic CSS code for the same gradient.
Wide-gamut color spaces produce noticeably smoother, more vivid gradients on modern displays than standard sRGB, and getting both modern and classic CSS output means the gradient still works as a fallback on older browsers.
Developers building for modern displays who want to use CSS Color Level 4/5 features properly, not merely a plain sRGB gradient.
Copy the classic CSS output alongside the modern version if the site needs to support older browsers. The modern-only code won't render correctly everywhere yet.
Use the latest color spaces for color picking and gradient transitions.
