@-webkit-keyframes blackWhite {  
  0% { background-color: red; }
  50% { background-color: yellow; }
  51% { background-color: magenta; }
  100% { background-color: orange; }
}

@-webkit-keyframes blackWhiteFade {  
  0% { background-color: red; }
  50% { background-color: magenta; }
  100% { background-color: yellow; }
}

.blinkdiv {
    height: 100px;
    background-color: red;
    
  -webkit-animation-name: blackWhite;
  /* -webkit-animation-name: blackWhiteFade; */
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-duration: 2s; 


}