svg color gradients

color1.svg

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" 
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     width="400" height="100">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:rgb(22, 160, 133);stop-opacity:1" />
      <stop offset="100%" style="stop-color:rgb(244, 208, 63);stop-opacity:1" />
    </linearGradient>
  </defs>
  <rect width="400" height="100" fill="url(#grad1)" />
</svg>