Cacher is the code snippet organizer for pro developers

.text span {
    display: block;
    color: #72b9f4;
    background-image: -webkit-linear-gradient(0deg, #6174a9 0%, #72b9f4 100%);
    background-size: cover;
    -webkit-text-fill-color: fade(#72b9f4, 35%);
    -webkit-background-clip: text;
}

<p class="text"><span>текст</span></p>