Javascript - Efeito gradient em textos

Bem, não vou considerar isso como um tutorial, mais sim um codigo.

Resultado final:

Para começar, crie um widget HTML\JAVASCRIPT e cole o codigo:

Agora a explicação do codigo:

var colorBegin = "#0000C8";

Define a cor inicial do gradient, #0000C8, e o valor da cor RGB em HEX, ou seja R=00 G=00 B=C8, você pode usar qualquer ColorPicker para pegar esse codigo.

var colorEnd = "#00C800";

Define a cor final do gradient, mesma explicação acima.

var text = "WYSIWYG Web Builder is awesome!";

Define o texto a ser exibido, altere a parte em vermelho.

document.getElementById("gradienttext").innerHTML = html;

Essa parte, ira pegar todos os elementos com a id "gradienttext" e alterar o texto\html desse elemento para o HTML gerado pelo codigo.