UserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.84 Safari/537.36

Example URL:
Attached File

Steps to reproduce the problem:
Open the attached SVG in Chrome. The fill of the circle is a stepped gradient, with two colors at the same offset. 

What is the expected behavior?
There should be a smooth edge between the two colors.

What went wrong?
The gradient looks ragged. If you cannot see the artefacts, take a screenshot and zoom in using a bitmap editor. Due to the nature of SVG zooming directly in Chrome will not work here.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 63.0.3239.84  Channel: n/a
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: 

The raggedness depends on the page's zoom level. At some zoom levels (for example 150%) I do not see any artefacts.
 

Deleted: ragged_gradient.svg 1.0 KB

ragged_gradient.svg 1.0 KB Download

Deleted: zoom_chrome.png 1.8 KB

	zoom_chrome.png 1.8 KB View Download

Deleted: zoom_firefox.png 1.7 KB

	zoom_firefox.png 1.7 KB View Download