CSS Keyframe Animation Color Change

fade.css

@-webkit-keyframes fade {
  0%, 100% { color: #e95545; }
  12.5% { color: #924ead; }

  25% {
    color: #63b6d2; }

  37.5% {
    color: #76d78b; }

  50% {
    color: #dadc36; }

  62.5% {
    color: #fedb31; }

  75% {
    color: #fb9e2f; }

  87.5% {
    color: #f17239; }

  100% {
    color: #e95546; } }
@-moz-keyframes fade {
  0%, 100% {
    color: #e95545; }

  12.5% {
    color: #924ead; }

  25% {
    color: #63b6d2; }

  37.5% {
    color: #76d78b; }

  50% {
    color: #dadc36; }

  62.5% {
    color: #fedb31; }

  75% {
    color: #fb9e2f; }

  87.5% {
    color: #f17239; }

  100% {
    color: #e95546; } }
@keyframes fade {
  0%, 100% {
    color: #e95545; }

  12.5% {
    color: #924ead; }

  25% {
    color: #63b6d2; }

  37.5% {
    color: #76d78b; }

  50% {
    color: #dadc36; }

  62.5% {
    color: #fedb31; }

  75% {
    color: #fb9e2f; }

  87.5% {
    color: #f17239; }

  100% {
    color: #e95546; } }