index.html

<div class="wrap">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae hic atque alias officia aliquid quidem labore nisi incidunt! Dignissimos minus aut possimus quaerat magni nemo voluptas qui asperiores reprehenderit officiis.</p>
</div>

style.scss

@import "compass";
.wrap {
  margin: 200px auto;
  width: 400px;
  border: 1px dashed #ccc;
  
  p {
    padding: 40px;
    font-family: 'Helvetica Neue';
    font-size: 24px;
    line-height: 30px;
    background: -webkit-linear-gradient(top,#fd0b58 0,#a32b68 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

Text-gradients.markdown

Text gradients

Quick post on how to create text gradients with CSS http://alexcarpenter.me/blog/2013/create-seamless-text-gradients

A Pen by Alex Carpenter on CodePen.

License.