How can I prevent CSS gradient banding?

Question

I started using CSS gradients, rather than actual images, for two reasons: first, the CSS gradient definitely loads faster than an image, and second, they aren\'t supposed t

Answer 1

I made a "scatter.png" to put with my gradient. Like this:

1. Open gimp
2. 100x100 image
3. Add alpha channel
4. Filters -> Noise -> Hurl... Accept defaults
5. Set opactity to 5%

6. Save and then add to gradient.

   background: url('/img/scatter.png'), linear-gradient(50deg,#d00 0,#300 100%);
   

It's a subtle effect on a subtle effect.