#C2EC8C - #AAFDB1 | colorate

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

Blend #C2EC8C to #AAFDB1

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

RGB混合

#C2EC8C - #AAFDB1 | colorate

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

0.0%	0.0% #C2EC8C	RGB 194 236 140	#C2EC8C
16.7%	16.7% #BEEE92	RGB 190 238 146	#BEEE92
33.3%	33.3% #BAF198	RGB 186 241 152	#BAF198
50.0%	50.0% #B6F49E	RGB 182 244 158	#B6F49E
66.7%	66.7% #B2F7A4	RGB 178 247 164	#B2F7A4
83.3%	83.3% #AEFAAA	RGB 174 250 170	#AEFAAA
100.0%	100.0% #AAFDB1	RGB 170 253 177	#AAFDB1

#C2EC8C #BEEE92 #BAF198 #B6F49E #B2F7A4 #AEFAAA #AAFDB1

#C2EC8C - #AAFDB1

HSV混合

#C2EC8C - #AAFDB1 | colorate

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

0.0%	0.0% #C2EC8C	RGB 194 236 140	#C2EC8C
16.7%	16.7% #BBEE90	RGB 187 238 144	#BBEE90
33.3%	33.3% #B5F195	RGB 181 241 149	#B5F195
50.0%	50.0% #B0F49A	RGB 176 244 154	#B0F49A
66.7%	66.7% #ABF79F	RGB 171 247 159	#ABF79F
83.3%	83.3% #A6FAA4	RGB 166 250 164	#A6FAA4
100.0%	100.0% #AAFDB1	RGB 170 253 177	#AAFDB1

#C2EC8C #BBEE90 #B5F195 #B0F49A #ABF79F #A6FAA4 #AAFDB1

#C2EC8C - #B0F49A - #AAFDB1

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2EC8C 0%, #B0F49A 50%, #AAFDB1 100%);
    background: -webkit-linear-gradient(top, #C2EC8C 0%, #B0F49A 50%, #AAFDB1 100%);
    background: linear-gradient(to bottom, #C2EC8C 0%, #B0F49A 50%, #AAFDB1 100%);
}
</style>