@CHARSET "UTF-8";

.fader {
  animation: myfade 60s linear infinite;
}

@keyframes myfade {
  0%,100% {background:#0000FF;}
  15%     {background:#00FF00;}
  30%     {background:#FFFF00;}
  45%     {background:#FF7F00;}
  60%     {background:#FF0000;}
  75%     {background:#8B00FF;}
  90%     {background:#4B0082;}
}

@-moz-keyframes myfade /* Firefox */ {
  0%,100% {background:#0000FF;}
  15%     {background:#00FF00;}
  30%     {background:#FFFF00;}
  45%     {background:#FF7F00;}
  60%     {background:#FF0000;}
  75%     {background:#8B00FF;}
  90%     {background:#4B0082;}
}

@-webkit-keyframes myfade /* Safari and Chrome */ {
  0%,100% {background:#0000FF;}
  15%     {background:#00FF00;}
  30%     {background:#FFFF00;}
  45%     {background:#FF7F00;}
  60%     {background:#FF0000;}
  75%     {background:#8B00FF;}
  90%     {background:#4B0082;}
}

@-o-keyframes myfade /* Opera */ {
  0%,100% {background:#0000FF;}
  15%     {background:#00FF00;}
  30%     {background:#FFFF00;}
  45%     {background:#FF7F00;}
  60%     {background:#FF0000;}
  75%     {background:#8B00FF;}
  90%     {background:#4B0082;}
}

/*
#2D4D7B
#2D7B4F
#7B782D
#7B2D2D
#7B2D59
#722D7B
#382D7B
*/