#7FDB5E - #37B420 | colorate

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

Blend #7FDB5E to #37B420

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

RGB混合

#7FDB5E - #37B420 | colorate

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

0.0%	0.0% #7FDB5E	RGB 127 219 94	#7FDB5E
16.7%	16.7% #73D453	RGB 115 212 83	#73D453
33.3%	33.3% #67CE49	RGB 103 206 73	#67CE49
50.0%	50.0% #5BC73F	RGB 91 199 63	#5BC73F
66.7%	66.7% #4FC134	RGB 79 193 52	#4FC134
83.3%	83.3% #43BA2A	RGB 67 186 42	#43BA2A
100.0%	100.0% #37B420	RGB 55 180 32	#37B420

#7FDB5E #73D453 #67CE49 #5BC73F #4FC134 #43BA2A #37B420

#7FDB5E - #37B420

HSV混合

#7FDB5E - #37B420 | colorate

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

0.0%	0.0% #7FDB5E	RGB 127 219 94	#7FDB5E
16.7%	16.7% #72D452	RGB 114 212 82	#72D452
33.3%	33.3% #65CE47	RGB 101 206 71	#65CE47
50.0%	50.0% #59C73C	RGB 89 199 60	#59C73C
66.7%	66.7% #4DC132	RGB 77 193 50	#4DC132
83.3%	83.3% #42BA28	RGB 66 186 40	#42BA28
100.0%	100.0% #37B420	RGB 55 180 32	#37B420

#7FDB5E #72D452 #65CE47 #59C73C #4DC132 #42BA28 #37B420

#7FDB5E - #59C73C - #37B420

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7FDB5E 0%, #59C73C 50%, #37B420 100%);
    background: -webkit-linear-gradient(top, #7FDB5E 0%, #59C73C 50%, #37B420 100%);
    background: linear-gradient(to bottom, #7FDB5E 0%, #59C73C 50%, #37B420 100%);
}
</style>