Gradient Hue
gradient-hue
The gradient-hue parameter sets which way around the hue wheel the gradient travels between two colors. It follows the CSS Color 4 rules and defaults to shorter.
| Value | Path taken |
|---|---|
shorter (default) | The shorter way around the wheel |
longer | The longer way, sweeping through the opposite hues |
increasing | The path along which the hue angle increases |
decreasing | The path along which the hue angle decreases |
It is only read in the cylindrical color spaces, so gradient-cs must be hsl, hsv, lch or oklch. An unrecognized value falls back to shorter.
