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>