#C2DAC2 - #6DB970 | colorate

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

Blend #C2DAC2 to #6DB970

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

RGB混合

#C2DAC2 - #6DB970 | colorate

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

0.0%	0.0% #C2DAC2	RGB 194 218 194	#C2DAC2
16.7%	16.7% #B3D4B4	RGB 179 212 180	#B3D4B4
33.3%	33.3% #A5CFA6	RGB 165 207 166	#A5CFA6
50.0%	50.0% #97C999	RGB 151 201 153	#97C999
66.7%	66.7% #89C48B	RGB 137 196 139	#89C48B
83.3%	83.3% #7BBE7D	RGB 123 190 125	#7BBE7D
100.0%	100.0% #6DB970	RGB 109 185 112	#6DB970

#C2DAC2 #B3D4B4 #A5CFA6 #97C999 #89C48B #7BBE7D #6DB970

#C2DAC2 - #6DB970

HSV混合

#C2DAC2 - #6DB970 | colorate

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

0.0%	0.0% #C2DAC2	RGB 194 218 194	#C2DAC2
16.7%	16.7% #B2D4B2	RGB 178 212 178	#B2D4B2
33.3%	33.3% #A3CFA4	RGB 163 207 164	#A3CFA4
50.0%	50.0% #95C996	RGB 149 201 150	#95C996
66.7%	66.7% #87C488	RGB 135 196 136	#87C488
83.3%	83.3% #79BE7C	RGB 121 190 124	#79BE7C
100.0%	100.0% #6DB970	RGB 109 185 112	#6DB970

#C2DAC2 #B2D4B2 #A3CFA4 #95C996 #87C488 #79BE7C #6DB970

#C2DAC2 - #95C996 - #6DB970

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2DAC2 0%, #95C996 50%, #6DB970 100%);
    background: -webkit-linear-gradient(top, #C2DAC2 0%, #95C996 50%, #6DB970 100%);
    background: linear-gradient(to bottom, #C2DAC2 0%, #95C996 50%, #6DB970 100%);
}
</style>