Как сделать текст градинент в html?

Для этого можно воспользоваться векторной графикой SVG.

Сначала нужно определить цвета градиента.
Когда все необходимые определения установлены нужно только добавить текст и связать атрибут fill с атрибутом id градиента.

<svg>

<defs>
<linearGradient id="textgradient" x1="0%" x2="0%" y1="0%" y2="100%">
    <stop stop-color = "#999" offset = "0%"/>
    <stop stop-color = "#111" offset = "100%"/>
</linearGradient>
</defs>

<text x="0" y="80" font-size="72" font-weight="bold" fill="url(#textgradient)" stroke="none">ТЕКСТ Градиент</text>

</svg>

Получиться примерно так: