Gradient Hue
gradient-hue
Sets which way around the color wheel the gradient travels between stops. It applies only when gradient-cs is a hue color space: oklch, lch, hsl, or hsv.
| Value | Description |
|---|---|
shorter (default) | Takes the shorter way around the wheel. |
longer | Takes the longer way around the wheel, passing through more hues. |
increasing | Always moves in the direction of increasing hue angle. |
decreasing | Always moves in the direction of decreasing hue angle. |
These match the CSS hue-interpolation-method keywords.