jquery color

HTML

<script src="https://code.jquery.com/color/jquery.color-2.1.2.min.js"></script>
<body>
<button id="red">red</button>
<button id="blue">blue</button>
  <div id="block">Hello!</div>

</body>

CSS

#block{
background-color:#bada55;
width:100px;
border:1px solid green;
}

JavaScript

$(document).ready(function() {
jQuery("#red").click(function(){
  jQuery("#block").animate({
      backgroundColor: "red"
  }, 500
});
jQuery("#blue").click(function(){
  jQuery("#block").animate({
      backgroundColor: "blue")
  }, 500
});
});