The div starts blue.
A quarter (25%) of the way through the animation, the div turns green.
Half (50%) of the way through the animation, the div turns red.
Three quarters (75%) of the way through the animation, the div turns orange.
The div then turns blue again.