<svg width="250" height="150" viewBox="0 0 250 150"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <linearGradient id="three_opacity_stops">
      <stop offset="0%" style="stop-color: #906; stop-opacity: 1.0"/>
      <stop offset="50%" style="stop-color: #906; stop-opacity: 0.3"/>
      <stop offset="100%" style="stop-color: #906; stop-opacity: 0.10"/>
    </linearGradient>
  </defs>

  <rect x="20" y="20" width="200" height="100"
    style="fill: url(#three_opacity_stops); stroke: black;"/>
</svg>







  
  
   Zoom