[GRADIENT] 그레디언트 조합이 어려울때

1. https://uigradients.com
   그레디언트 조합을 추천해주는 사이트다.

.bg{
background: #EDE574;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #E1F5C4, #EDE574);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #E1F5C4, #EDE574); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

코드표를 클릭하면 그 색상만 따로 복사를 할 수도 있고,
< > 코드 블럭 모양 아이콘을 클릭하면 해당 부분 css 를 가지고 올 수 있다.

2. [https://webgradients.com/] (https://webgradients.com/)

.bg{
background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
}

png도 다운로드 할 수 있고 css 카피다 첫번째 사이트 보다 쉽다.
여러가지 그레디언트를 볼 수 있다는 장점도 있다.