tengo una funcion para que un texto se canvie de color cuando la pagina  se cargue pero me gustaria saber si se supede  modificar  io de que forma hacelo para que el color uno se difumine  hasta llegar al color dos
 
<HTML>
<HEAD>
</HEAD>
<BODY onload="l()">
<script language="JavaScript">
function l()
{
document.all.s.style.color="red"
setTimeout("ll()",500)
}
function ll()
{
 
document.all.s.style.color="black"
setTimeout("l()",500)
}
</script>
<h1 id="s">TDI</h1>
 
</BODY>
</HTML> 
  
 

