#C2ED5E - #A4CE1A | colorate

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

Blend #C2ED5E to #A4CE1A

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

RGB混合

#C2ED5E - #A4CE1A | colorate

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

0.0%	0.0% #C2ED5E	RGB 194 237 94	#C2ED5E
16.7%	16.7% #BDE752	RGB 189 231 82	#BDE752
33.3%	33.3% #B8E247	RGB 184 226 71	#B8E247
50.0%	50.0% #B3DD3C	RGB 179 221 60	#B3DD3C
66.7%	66.7% #AED830	RGB 174 216 48	#AED830
83.3%	83.3% #A9D325	RGB 169 211 37	#A9D325
100.0%	100.0% #A4CE1A	RGB 164 206 26	#A4CE1A

#C2ED5E #BDE752 #B8E247 #B3DD3C #AED830 #A9D325 #A4CE1A

#C2ED5E - #A4CE1A

HSV混合

#C2ED5E - #A4CE1A | colorate

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

0.0%	0.0% #C2ED5E	RGB 194 237 94	#C2ED5E
16.7%	16.7% #BCE751	RGB 188 231 81	#BCE751
33.3%	33.3% #B6E245	RGB 182 226 69	#B6E245
50.0%	50.0% #B1DD39	RGB 177 221 57	#B1DD39
66.7%	66.7% #ACD82E	RGB 172 216 46	#ACD82E
83.3%	83.3% #A8D324	RGB 168 211 36	#A8D324
100.0%	100.0% #A4CE1A	RGB 164 206 26	#A4CE1A

#C2ED5E #BCE751 #B6E245 #B1DD39 #ACD82E #A8D324 #A4CE1A

#C2ED5E - #B1DD39 - #A4CE1A

CSS代码

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

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