"<stop>"

Defines a color stop for a gradient.

This is a child element of "<linearGradient>" and "<radialGradient>".

• DOM object: SVGStopElement
• SVG2 spec: https://www.w3.org/TR/SVG2/pservers.html#StopElement

Each stop element defines an offset and a color. The offset is a percentage of the distance between the start and end of the gradient.

<linearGradient id="MyGradient">
  <stop offset="0%" stop-color="blue" />
  <stop offset="100%" stop-color="yellow" />
</linearGradient>