Basic jQuery Color Animation

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="script.js"></script>
    <script src="//cdn.jsdelivr.net/jquery.color-animation/1/mainfile"></script>
  </head>

  <body>
    <h1>COLORES</h1>
  </body>

</html>

// Add your javascript here
$(document).ready(function()
{
  animateForever();
});

function animateForever()
{
  var div = $('h1');
  var color1 = '#A333FF';
  var color2 = '#3BD6C6';
  
  div.animate({color: color1}, 1000, function()
  {
    div.animate({color: color2}, 1000, function()
    {
      animateForever();
    });
  });
}

/* Put your css in here */

h1
{
  color: black;
  text-align: center;
  font-family: sans-serif;
  letter-spacing: 0.5em;
  font-weight: 900;
  margin-top: 100px;
}