<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