¿Cómo exportar una superposición de degradado a estilos CSS3 (en Photoshop CC)?

Tengo dos botones en mi .psdplantilla. Están con una superposición de degradado. ¿Es posible en Photoshop exportar degradados como estilos CSS?

Por favor, vea unas fotos.

Botones con degradado:

Información del botón de registro (el inicio de sesión es el mismo):

Intento usar la función integrada de Photoshop CC "Copiar CSS", pero no exporta degradados. Lo da como una .pngimagen, lo cual no es deseable:

.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;
}

Cómo obtener una superposición de degradado como estilos como estos:

#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 */
}

UPD:

Un pequeño comentario a la respuesta de Vincent ( https://graphicdesign.stackexchange.com/a/39231/30315 ). Para obtener un degradado de un elemento existente, debe recortarlo (un degradado) y guardarlo como una imagen .jpgy .pngluego importarlo en el sitio y le devolverá los estilos de degradado.

Arriba puedes ver los botones. Aquí están los fondos de esos botones con sus degradados que recorté en Photoshop y borré los textos.

Luego solo importé estas imágenes al motor y me devolvió los estilos.

.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;
}