css - 如何通过查看渐变图像找到正确的渐变组合？

Question

我有以下图像：

我需要适当的渐变来完成这项工作，但对 css 不熟悉，我无法弄清楚。

我尝试过的一些颜色是：

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% 的匹配。你应该无法用肉眼分辨出你和我的区别