UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36

Steps to reproduce the problem:
1.  Make a CSS linear gradient with stops like this:
  background-image:
    linear-gradient(
      to right,
      #fff,
      #fff 48%,
      #a6ce39 48%,
      #a6ce39 52%,
      #fff 52%
    );

2. Open chrome and you'll quickly see the problem - the edges are blurry. All other browsers have a nice clean line.

What is the expected behavior?
A linear gradients with stops should not be blurry but it always appears that way in Chrome.

What went wrong?
It just looks blurry but it renders.

Did this work before? No 

Does this work in other browsers? Yes

Chrome version: 60.0.3112.113  Channel: n/a
OS Version: OS X 10.12.6
Flash Version: 

Looks like a well-known bug from checking out Stack Overflow:

https://stackoverflow.com/questions/26652661/blurry-linear-gradient-stops-in-chrome

https://stackoverflow.com/questions/33151371/solid-gradients-not-really-solid-dont-have-crisp-edges-at-color-stops
 

Deleted: Screen Shot 2017-09-12 at 6.57.50 PM.png 8.4 KB

	Screen Shot 2017-09-12 at 6.57.50 PM.png 8.4 KB View Download