A color transition of two and more colors can be added to elements using CSS gradients. CSS gradients are dynamically generated images used as backgrounds.
Following an example that generates a background with a fine blue gradient:
background-image: linear-gradient(skyblue, cornflowerblue);