How to fix svg gradient rendering in Chrome?

Question

Google Chrome

There is a repeating svg gradient, here it is:

<linearGradient xmlns="http://www.w3.org/2000/svg" id="BF-pattern" x1="0%" y1="0%" x2="0%" spreadMethod="repeat" y2="1.5%">
  <stop offset="0%" stop-color="#67190f"/>
  <stop offset="40%" stop-color="#67190f"/>
  <stop offset="60%" stop-color="#e43821"/>
  <stop offset="100%" stop-color="#e43821"/>
</linearGradient>

Used as a fill for text inside the svg, the svg itself is inserted into the page via object.
And now to the question itself:
Here is the display in Firefox:

And here in Chrome (and Opera):

Unpleasant steps. What can be done about it?
2160x1440, 216ppi.