title: How to fade in and out color of svg
body: <p>I want an svg object to fade from color 'A' to color 'B' then back to color 'A' indefinitely.</p>
  
  <p>Thus far I have had limited success using</p>
  
  <pre><code>&lt;animate attributeName="fill" from="colorA" to="colorB" dur="10s" repeatCount="indefinite" /&gt;
  </code></pre>
  
  <p>But this doesn't allow me to fade back to color 'A'.</p>
  
  <p>Any help would be appreciated.</p>