I've been trying use linear-gradient CSS to avoid using an image for a gradient but unfortunately it renders poorly in Chrome with visible banding.
I've created a codepen example to illustrate the problem.
It is strange because it renders perfectly in safari, another webkit based browser.
The CSS code comes from compass images, so don't think it is a problem with my CSS
I found in the Chrome issue tracker this ticket, which I think relates to this issue.
I was wondering if anyone had any workarounds for this which do not involved using images?