그래디언트의 이미지를보고 올바른 그라데이션 믹스를 찾으려면 어떻게합니까? <p><img src="https://i.stack.imgur.com/tFVmn.png" alt="enter image description here"></p> <p></p> 내가이 일을 할 수 있지만, CSS를 새로운되는 것은 내가 그것을 알아낼 수 없습니다 적당한 구배가 필요합니다

Question

나는 다음과 같은 이미지를 가지고있다. 내가 함께 연주 해봤

일부 색상은 다음과 같습니다

6FBFC5 66BAC0 2F9BA3

나는 또한이 도구를 사용

: http://www.colorzilla.com/gradient-editor/이

Answer 1

이 꽤 정확해야 :

background: #6ec0c7; /* Old browsers */ 
    background: -moz-linear-gradient(top, #6ec0c7 0%, #62b5bc 50%, #58a9b1 99%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ec0c7), color-stop(50%,#62b5bc), color-stop(99%,#58a9b1)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #6ec0c7 0%,#62b5bc 50%,#58a9b1 99%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #6ec0c7 0%,#62b5bc 50%,#58a9b1 99%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #6ec0c7 0%,#62b5bc 50%,#58a9b1 99%); /* IE10+ */ 
    background: linear-gradient(to bottom, #6ec0c7 0%,#62b5bc 50%,#58a9b1 99%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ec0c7', endColorstr='#58a9b1',GradientType=0); /* IE6-9 */ 

을

원본 이미지의 3 가지 색상 포인트를 사용합니다. 정확한 시작점을 알지 못하고 얼마나 많은 다른 단색이 위를 구성하는지 모른 채 100 % 일치를 재현하는 것은 매우 어렵습니다. 당신은 당신과 당신의 차이를 눈으로 알 수 없어야합니다.