.text {
    color:#1c4277;
}
@supports (text-fill-color:transparent) or (-webkit-text-fill-color:transparent) {
    .text {
        color:transparent;
        background-clip:text;
        -webkit-background-clip:text;
        text-fill-color:transparent;
        -webkit-text-fill-color:transparent;
        background:#1c4277;
        background: -moz-linear-gradient(-45deg, #2898df 0%, #1c4277 100%);
        background: -webkit-linear-gradient(-45deg, #2898df 0%,#1c4277 100%); 
        background: linear-gradient(135deg, #2898df 0%,#1c4277 100%);
    }
}
Code language: CSS (css)

Можно использовать любые градиенты отсюда: http://www.colorzilla.com/gradient-editor/