Привязка градиента к тексту

.gardient-text {
  background-image:
    linear-gardient(90deg,red,blue);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

<html>

Результат будет вот, такой

</html>