-webkit-linear-gradient causes banding in Chrome/Safari

Question

The title prettymuch says it all. The first picture below is a screenshot when the whole page is about 8000 pixels tall, taken in the latest version of Chrome:

Answer 1

Seems like Chrome has some bugs when using the rgba() values. I tried with normal hex values and it seems to fix the problem for me.

Look here if it fix it for you also.

Edit

Looks like the problem is in the 250px limit because it only appears when that is set.

I didn't manage to come up with a better solution than this one.

Overlapping a div with the gradient you like, 250px tall. Then you can have the page as tall as you want because the div will always be 250px tall.