<link rel="match" href="reference/svg-radialGradient-ref.html" />
<style>
  * {
    margin: 0;
  }
  body {
    background-color: white;
  }
  svg {
    margin-right: calc(100% - 400px)
  }
</style>
<!-- spreadMethod=pad -->
<svg width="400" height="300" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <radialGradient id="baseGrad">
      <stop offset="0%" stop-color="red" />
      <stop offset="40%" stop-color="purple" />
      <stop offset="100%" stop-color="cyan" />
    </radialGradient>
  