#C2D8C2 - #6DB670 | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #C2D8C2 to #6DB670

计算两种颜色#C2D8C2和#6DB670之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#C2D8C2 - #6DB670 | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#C2D8C2的两种颜色之间的颜色扩展为0％，将#6DB670扩展为100％。

0.0%	0.0% #C2D8C2	RGB 194 216 194	#C2D8C2
16.7%	16.7% #B3D2B4	RGB 179 210 180	#B3D2B4
33.3%	33.3% #A5CCA6	RGB 165 204 166	#A5CCA6
50.0%	50.0% #97C799	RGB 151 199 153	#97C799
66.7%	66.7% #89C18B	RGB 137 193 139	#89C18B
83.3%	83.3% #7BBB7D	RGB 123 187 125	#7BBB7D
100.0%	100.0% #6DB670	RGB 109 182 112	#6DB670

#C2D8C2 #B3D2B4 #A5CCA6 #97C799 #89C18B #7BBB7D #6DB670

#C2D8C2 - #6DB670

HSV混合

#C2D8C2 - #6DB670 | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#C2D8C2的两种颜色之间的颜色扩展为0％，将#6DB670扩展为100％。

0.0%	0.0% #C2D8C2	RGB 194 216 194	#C2D8C2
16.7%	16.7% #B2D2B2	RGB 178 210 178	#B2D2B2
33.3%	33.3% #A3CCA3	RGB 163 204 163	#A3CCA3
50.0%	50.0% #94C795	RGB 148 199 149	#94C795
66.7%	66.7% #87C188	RGB 135 193 136	#87C188
83.3%	83.3% #79BB7C	RGB 121 187 124	#79BB7C
100.0%	100.0% #6DB670	RGB 109 182 112	#6DB670

#C2D8C2 #B2D2B2 #A3CCA3 #94C795 #87C188 #79BB7C #6DB670

#C2D8C2 - #94C795 - #6DB670

CSS代码

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #C2D8C2 0%, #6DB670 100%);
    background: -webkit-linear-gradient(top, #C2D8C2 0%, #6DB670 100%);
    background: linear-gradient(to bottom, #C2D8C2 0%, #6DB670 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2D8C2 0%, #94C795 50%, #6DB670 100%);
    background: -webkit-linear-gradient(top, #C2D8C2 0%, #94C795 50%, #6DB670 100%);
    background: linear-gradient(to bottom, #C2D8C2 0%, #94C795 50%, #6DB670 100%);
}
</style>