title: Gradient ends are blurry when using pixel measurements
body: <p>I'm using  the <code>background-image: linear-gradient</code> css property to create multiple color strips for a site background.<br>
  Usually gradient stops are defined by percentage, but I needed pixels in my site, so I managed to change it to pixels using the method lea Verou used in her <a href="http://lea.verou.me/css3patterns/#tartan" rel="noreferrer">patterns</a>
  The problem is that the end of each color is a bit blurry. In Firefox it's less noticeable, but in Chrome it's very noticeable.<br>
  Is there a way to handle it?<br>
  I noticed that when I change the 'deg' from 180 to 45 the ends look great. But unfortunately I need the stripes to be horizontal :)   </p>
  
  <p>My code: <a href="http://cssdesk.com/c6mGM" rel="noreferrer">http://cssdesk.com/c6mGM</a></p>