In this web content, the author discusses the use of soft gradients in graphics programming despite their design flaws. Soft gradients often produce color banding, or posterization, which can be visually unappealing. The author presents WebGL examples to illustrate the issue of color banding on different types of screens. They introduce a one-line solution using Interleaved Gradient Noise, a technique described in Jorge Jimenez’s presentation on gradient noise implementation in Call of Duty Advanced Warfare. The author combines this technique with their shader setup to create smooth, banding-free gradients. Despite its effectiveness, the author acknowledges that the solution may interfere with dithering on 6-bit screens.
https://blog.frost.kiwi/GLSL-noise-and-radial-gradient/