Как экспортировать наложение градиента в стили CSS3 (в Photoshop CC)?

У меня есть две кнопки в моем .psdшаблоне. Они с наложением градиента. Возможно ли в Photoshop экспортировать градиенты как стили CSS?

Пожалуйста, посмотрите фотографии.

Кнопки с градиентом:

Информация о кнопке регистрации (логин тот же):

Я пытаюсь использовать встроенную функцию Photoshop CC «Копировать CSS», но она не экспортирует градиенты. Он выдает его как .pngизображение, что нежелательно:

.Rectangle__round__corners__4__copy__17 {
  background-image: url("Rectangle, round corners 4 copy 17.png");
  position: absolute;
  left: 906px;
  top: 80px;
  width: 122px;
  height: 33px;
  z-index: 732;
}

Как получить наложение градиента в виде таких стилей:

#Rectangle {
  background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(red, blue); /* Standard syntax */
}

УПД:

Небольшое замечание к ответу Винсента ( https://graphicdesign.stackexchange.com/a/39231/30315 ). Чтобы получить градиент из существующего элемента, вам нужно обрезать его (градиент) и сохранить как .jpgизображение , .pngа затем импортировать его на сайт, и он вернет вам стили градиента.

Сверху вы можете видеть кнопки. Вот фоны тех кнопок с их градиентами, которые я обрезал в фотошопе и удалил тексты.

Затем я просто импортировал эти изображения в движок, и он вернул мне стили.

.red-gradient {
    background: #a3001e; /* Old browsers */
    background: -moz-linear-gradient(top,  hsla(349,100%,32%,1) 0%, hsla(349,95%,28%,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(349,100%,32%,1)), color-stop(100%,hsla(349,95%,28%,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  hsla(349,100%,32%,1) 0%,hsla(349,95%,28%,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  hsla(349,100%,32%,1) 0%,hsla(349,95%,28%,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  hsla(349,100%,32%,1) 0%,hsla(349,95%,28%,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  hsla(349,100%,32%,1) 0%,hsla(349,95%,28%,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3001e', endColorstr='#89041d',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 2px 0px $red-shadow;
}