Is it possible with CSS to make text's color fade between two colors?

Question

I'm hoping to achieve the effect in the following design.

Possible without using images?

fiddle: https://jsfiddle.net/8k66bwbk/

.blue-fade
{
    font-size: 40px;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: 100;  
    color: #1ba0d7;
}

Answer 1

Do you want something like that?

.blue-fade {
  font-size: 40px;
  font-family: Helvetica,Arial,sans-serif;
  font-weight: 100; 
  background: -webkit-linear-gradient(#1ba0d7, #002d3f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

<p class="blue-fade">
368%
</p>

https://jsfiddle.net/9dx4fcrz/

Answer 2

You can also change fade by opacity. Here is an example with hover.

.blue-fade
{
    font-size: 40px;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: 100;  
    color: #1ba0d7;   
}

.blue-fade:hover {
   opacity: 0.5;
 }

<h2 class="blue-fade">
Subheadline
</h2>