Multicolor

<svg width="580" height="400" xmlns="http://www.w3.org/2000/svg">
 <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
<defs>
<mask id="rond">
  <ellipse ry="120" rx="120" id="svg_21" cy="200" cx="290" fill="#ffffff"/>
</mask>
</defs>
  <title>background</title>
  <rect fill="#000" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
  <ellipse ry="120" rx="140" id="svg_21" cy="200" cx="290" fill="#ffffff">
  <animate  attributename="rx" values="140;120;140" dur="6s" begin="0s" repeatCount="4"/>
  </ellipse>
 <g>
  <title>Layer 1</title>
<g id="tout" style="mask:url(#rond);" >
  <g id="svg_8">
   <rect id="svg_1" height="247" width="55" y="76.5" x="198" stroke-width="1.5" fill="#FFB27C"/>
   <rect rx="1" id="svg_6" height="247" width="55" y="76.5" x="262" stroke-width="1.5" fill="#FFff7C"/>
   <rect rx="1" id="svg_7" height="247" width="55" y="76.5" x="327" stroke-width="1.5" fill="#FFB27C"/>
   <animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 290 200; 360 290 200" begin="0s" dur="12s" fill="freeze" repeatCount="indefinite"/>
  </g>
  <g opacity="0.32" transform="rotate(-90 290,200) " id="svg_12">
   <rect id="svg_9" height="247" width="55" y="76.5" x="197.999992" stroke-width="1.5" fill="#C97A86"/>
   <rect rx="1" id="svg_10" height="247" width="55" y="76.5" x="261.999992" stroke-width="1.5" fill="#ff7A86"/>
   <rect rx="1" id="svg_11" height="247" width="55" y="76.5" x="326.999992" stroke-width="1.5" fill="#C97A86"/>
   <animateTransform attributeName="transform" attributetype="xml" type="rotate" values="90 290 200; -270 290 200" begin="0s" dur="12s" fill="freeze" repeatCount="indefinite"/>
  </g>
  <g opacity="0.22" transform="rotate(45 290,200) " id="svg_16">
   <rect id="svg_13" height="247" width="55" y="76.5" x="198.000015" stroke-width="1.5" fill="#4B252D"/>
   <rect rx="1" id="svg_14" height="247" width="55" y="76.5" x="262.000015" stroke-width="1.5" fill="#4B252D"/>
   <rect rx="1" id="svg_15" height="247" width="55" y="76.5" x="327.000015" stroke-width="1.5" fill="#4B25ff"/>
   <animateTransform attributeName="transform" attributetype="xml" type="rotate" values="45 290 200; 315 290 200" begin="0s" dur="12s" fill="freeze" repeatCount="indefinite"/>
  </g>
  <g opacity="0.41" transform="rotate(-45 290,200) " id="svg_20">
   <rect id="svg_17" height="247" width="55" y="76.500011" x="198.000015" stroke-width="1.5" fill="#72ff62"/>
   <rect rx="1" id="svg_18" height="247" width="55" y="76.500011" x="262.000015" stroke-width="1.5" fill="#729C62"/>
   <rect rx="1" id="svg_19" height="247" width="55" y="76.500011" x="327.000015" stroke-width="1.5" fill="#729C62"/>
   <animateTransform attributeName="transform" attributetype="xml" type="rotate" values="-45 290 200; -315 290 200" begin="0s" dur="12s" fill="freeze" repeatCount="indefinite"/>
  </g>
 </g>
</g>
</svg>