#C5E4A2 - #7FC24E | colorate

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

Blend #C5E4A2 to #7FC24E

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

RGB混合

#C5E4A2 - #7FC24E | colorate

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

0.0%	0.0% #C5E4A2	RGB 197 228 162	#C5E4A2
16.7%	16.7% #B9DE94	RGB 185 222 148	#B9DE94
33.3%	33.3% #ADD886	RGB 173 216 134	#ADD886
50.0%	50.0% #A2D378	RGB 162 211 120	#A2D378
66.7%	66.7% #96CD6A	RGB 150 205 106	#96CD6A
83.3%	83.3% #8AC75C	RGB 138 199 92	#8AC75C
100.0%	100.0% #7FC24E	RGB 127 194 78	#7FC24E

#C5E4A2 #B9DE94 #ADD886 #A2D378 #96CD6A #8AC75C #7FC24E

#C5E4A2 - #7FC24E

HSV混合

#C5E4A2 - #7FC24E | colorate

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

0.0%	0.0% #C5E4A2	RGB 197 228 162	#C5E4A2
16.7%	16.7% #B9DE92	RGB 185 222 146	#B9DE92
33.3%	33.3% #ADD883	RGB 173 216 131	#ADD883
50.0%	50.0% #A1D375	RGB 161 211 117	#A1D375
66.7%	66.7% #96CD67	RGB 150 205 103	#96CD67
83.3%	83.3% #8AC75A	RGB 138 199 90	#8AC75A
100.0%	100.0% #7FC24E	RGB 127 194 78	#7FC24E

#C5E4A2 #B9DE92 #ADD883 #A1D375 #96CD67 #8AC75A #7FC24E

#C5E4A2 - #A1D375 - #7FC24E

CSS代码

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

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