docs/images/before/merge-gradients.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="100">
  <defs>
    <linearGradient id="lg1">
      <stop offset="0"
            stop-color="yellow"/>
      <stop offset="1"
            stop-color="green"/>
    </linearGradient>
    <linearGradient id="lg2"
                    xlink:href="#lg1"/>
  </defs>
  <circle fill="url(#lg2)"
          cx="50" cy="50" r="45"/>
</svg>