title: WPF Changing fill colour of ellipse
body: <p>So I'm trying to make 8 circles which all have different fill colours and all have different blinking speeds. So far I have been able to make them blink at different speeds, but I'm having trouble with making them all have different colours. My code so far:</p>
  
  <pre><code>    private void Appear(Ellipse element, double duration, Brush colour)
      {
          element.Fill = colour;
          DoubleAnimation db = new DoubleAnimation();
          db.From = 0.0;
          db.To = 1.0;
          db.Duration = new Duration(TimeSpan.FromSeconds(duration));
          db.RepeatBehavior = RepeatBehavior.Forever;
          element.BeginAnimation(Ellipse.OpacityProperty, db);
      }
  
      private Brush SetEllipseColour(Ellipse element)
      {
          Random rnd = new Random();
          int red = rnd.Next(0, 255);
          int green = rnd.Next(0, 255);
          int blue = rnd.Next(0, 255);
  
          Brush fillColour = new SolidColorBrush(Color.FromRgb((byte)red, (byte)green, (byte)blue));
          return fillColour;
      }
  
      private void button1_Click(object sender, RoutedEventArgs e)
      {
  
          List&lt;Ellipse&gt; elements = new List&lt;Ellipse&gt;();
          elements.Add(Circle1);
          elements.Add(Circle2);
          elements.Add(Circle3);
          elements.Add(Circle4);
          elements.Add(Circle5);
          elements.Add(Circle6);
          elements.Add(Circle7);
          elements.Add(Circle8);
  
          Random rnd = new Random();
  
          foreach (Ellipse element in elements)
          {
              int r = rnd.Next(1, 10);
              double duration = (Double)r / 10;
              Appear(element, duration, SetEllipseColour(element));
          }
      }
  </code></pre>
  
  <p>And my WPF: </p>
  
  <pre><code>&lt;Canvas Margin="10"&gt;
              &lt;Ellipse
                  x:Name="Circle1"
                  Fill="Black"
                  Height="100"
                  Width="100"/&gt;
              &lt;Ellipse
                  x:Name="Circle2"
                  Fill="Black"
                  Height="100"
                  Width="100"
                  Margin="120,0,0,0"/&gt;
              &lt;Ellipse
                  x:Name="Circle3"
                  Fill="Black"
                  Height="100"
                  Width="100"
                  Margin="240,0,0,0"/&gt;
              &lt;Ellipse
                  x:Name="Circle4"
                  Fill="Black"
                  Height="100"
                  Width="100"
                  Margin="360,0,0,0"/&gt;
              &lt;Ellipse
                  x:Name="Circle5"
                  Fill="Black"
                  Height="100"
                  Width="100"
                  Margin="0,120,0,0"/&gt;
              &lt;Ellipse
                  x:Name="Circle6"
                  Fill="Black"
                  Height="100"
                  Width="100"
                  Margin="120,120,0,0"/&gt;
              &lt;Ellipse
                  x:Name="Circle7"
                  Fill="Black"
                  Height="100"
                  Width="100"
                  Margin="240,120,0,0"/&gt;
              &lt;Ellipse
                  x:Name="Circle8"
                  Fill="Black"
                  Height="100"
                  Width="100"
                  Margin="360,120,0,0"/&gt;
          &lt;/Canvas&gt;
          &lt;Button x:Name="button1" Content="Start" Width="80" Height="20" Margin="0,200,0,0" Click="button1_Click"/&gt;
  </code></pre>
  
  <p>Note: I know I can compress / change my code to make it neater or better, but for now I just want to get the colours working.</p>
  
  <p>So currently the code I have changes the fill colour of <strong>all</strong> Ellipse elements, but I want to change it to just affect each Circle. How would I go about doing this?</p>
  
  <p><strong>Edit:</strong>
  For those who are confused what Im trying to ask, I do not know how to individually change the fill colour of every Circle.</p>