Ultimate CSS Gradient Generator 사이트는 버튼 또는 div span 등 그라데이션을 만들어주는 사이트입니다. 자동으로 CSS와 SCSS를 생성해주죠. 

넘 좋은 사이트이죠. 

Ultimate CSS Gradient Generator 사이트 : http://www.colorzilla.com/gradient-editor/ 

사용방법은 

button{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */

background: rgb(255,214,94); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */

}

<button>버튼</button>