Chega de usar imagens com texto em degradê, podemos fazer isso com o CSS, está é a maneira mais limpa de fazer isso, pois o texto permanece editável e selecionável.
<style type="text/css">
.degrade{
background: -webkit-linear-gradient(blue, white);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>Exemplo
