---
title: "Josh Comeau Gradient Generator"
description: "Generates smooth CSS gradients with selectable interpolation colour space (LRGB, HSL, HCL, LAB), easing curve and stop precision."
canonical: "https://vibing.inc/library/josh-comeau-gradient-generator-vg-0675"
category: "Design Tools & Generators"
subcategory: "Colour tools"
license: "free"
author: "Josh W. Comeau (@joshwcomeau)"
source: "https://www.joshwcomeau.com/gradient-generator/"
---

# Josh Comeau Gradient Generator
Generates smooth CSS gradients with selectable interpolation colour space (LRGB, HSL, HCL, LAB), easing curve and stop precision.
## Facts
- Source: https://www.joshwcomeau.com/gradient-generator/
- Category: Design Tools & Generators / Colour tools
- Author: Josh W. Comeau (@joshwcomeau)
- Licence: free
- Tags: css, gradient, color-space, generator
## Why it's a gem
Colour-space interpolation is why most gradients look muddy; this is the tool that fixes it
---
Listed in The Vibeary: https://vibing.inc/library/josh-comeau-gradient-generator-vg-0675 · JSON: https://vibing.inc/api/public/library/gems/josh-comeau-gradient-generator-vg-0675