titulo 2 colores

<h1 id='titol'> </h1>//en el html

setInterval(color, 5000)//el interval
  arrtitol = ['M', 'U', 'L', 'T', 'I',
    '&nbsp', 'B', 'R', 'O', 'W', 'S', 'E', 'R', '&nbsp']//el titulo

  arrcol1 = ['#FF5733', 'C9FF33', '4533FF', '33FFE6', '#FFBB33',
    'white', '33FF66', 'AB33FF', 'FE33FF', '85FF33', '33FFE6', '3388FF', '#FFF033', '&nbsp']//secuencia 1

  arrcol2 = ['#FFF033', 'FE33FF', '33FF66', '33FFE6', 'C9FF33',
    'white', '#FFBB33', '3388FF', '33FFE6', '#FF5733', '4533FF', 'AB33FF', '85FF33', '&nbsp']//secuencia 2


  document.getElementById('titol').innerHTML = arrtitol.join('')//introducimos array titol en el h1
  var secuencia = 1;
  x = document.getElementById('titol');//cogemos el h1
  txt = x.textContent;//y su texto
  newtxt = ''

  for (var i = 0, l = txt.length; i < l; i++) {
    if (secuencia == 1) {	//primero pintamos el texto con la secuencia 1
    newtxt += txt.charAt(i).fontcolor(arrcol1[i]);
    }
    x.innerHTML = newtxt;
  }

  function color() {
    x = document.getElementById('titol');
    txt = x.textContent;
    newtxt = '';
    for (var i = 0, l = txt.length; i < l; i++) {
    if (secuencia == 1) {//pintamos segun la secuencia
      newtxt += txt.charAt(i).fontcolor(arrcol1[i]);
    }
    else {
      newtxt += txt.charAt(i).fontcolor(arrcol2[i]);
    }
    }
    if (secuencia == 1) {//controlamos...
    secuencia = 2
    }
    else {//...las secuencias
    secuencia = 1
    }


    x.innerHTML = newtxt;//y por ultimo volvemos a insertar

  }