#B5E979 - #6EC72E | colorate

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

Blend #B5E979 to #6EC72E

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

RGB混合

#B5E979 - #6EC72E | colorate

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

0.0%	0.0% #B5E979	RGB 181 233 121	#B5E979
16.7%	16.7% #A9E36C	RGB 169 227 108	#A9E36C
33.3%	33.3% #9DDD60	RGB 157 221 96	#9DDD60
50.0%	50.0% #91D853	RGB 145 216 83	#91D853
66.7%	66.7% #85D247	RGB 133 210 71	#85D247
83.3%	83.3% #79CC3A	RGB 121 204 58	#79CC3A
100.0%	100.0% #6EC72E	RGB 110 199 46	#6EC72E

#B5E979 #A9E36C #9DDD60 #91D853 #85D247 #79CC3A #6EC72E

#B5E979 - #6EC72E

HSV混合

#B5E979 - #6EC72E | colorate

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

0.0%	0.0% #B5E979	RGB 181 233 121	#B5E979
16.7%	16.7% #A9E36B	RGB 169 227 107	#A9E36B
33.3%	33.3% #9DDD5D	RGB 157 221 93	#9DDD5D
50.0%	50.0% #91D851	RGB 145 216 81	#91D851
66.7%	66.7% #85D244	RGB 133 210 68	#85D244
83.3%	83.3% #79CC39	RGB 121 204 57	#79CC39
100.0%	100.0% #6EC72E	RGB 110 199 46	#6EC72E

#B5E979 #A9E36B #9DDD5D #91D851 #85D244 #79CC39 #6EC72E

#B5E979 - #91D851 - #6EC72E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E979 0%, #91D851 50%, #6EC72E 100%);
    background: -webkit-linear-gradient(top, #B5E979 0%, #91D851 50%, #6EC72E 100%);
    background: linear-gradient(to bottom, #B5E979 0%, #91D851 50%, #6EC72E 100%);
}
</style>