JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js"></script>
<div id="header">sss</div>
<div id="content">ddd</div>
<div id="footer">fffff</div>

CSS

#header { background-color: #7495BA; height:50px;width:100%; }
#content {
	width:100%;
	height:300px;
	background-color:red;
}
#footer {
	width:100%;
	height:50px;
	background-color: #7495BA;
}

JavaScript

$('body').children().each(function() {
	color='rgb(116, 149, 186)';
	
  
  
 if($(this).css('background-color')==color) {
	$(this).animate({
backgroundColor: '#67C65D'
}, 5000 ); 
 }
});