Gradient Heading

h2.gradient-heading {
    display: inline-block;
    color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(#f7797d), color-stop(#FBD786), to(#C6FFDD));
    background: -o-linear-gradient(left, #f7797d, #FBD786, #C6FFDD);
    background: linear-gradient(to right, #f7797d, #FBD786, #C6FFDD);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

Gradient Heading Example