Grainy Gradients

Noise makes otherwise solid colors or smooth gradients more realistic. Despite designers’ affinity for texture, noise is rarely used in web design. In this article, we’ll generate colorful noise to add texture to a gradient with only a small amount of CSS and SVG.