#8ABC5E - #478D1C | colorate

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

Blend #8ABC5E to #478D1C

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

RGB混合

#8ABC5E - #478D1C | colorate

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

0.0%	0.0% #8ABC5E	RGB 138 188 94	#8ABC5E
16.7%	16.7% #7EB453	RGB 126 180 83	#7EB453
33.3%	33.3% #73AC48	RGB 115 172 72	#73AC48
50.0%	50.0% #68A43D	RGB 104 164 61	#68A43D
66.7%	66.7% #5D9C32	RGB 93 156 50	#5D9C32
83.3%	83.3% #529427	RGB 82 148 39	#529427
100.0%	100.0% #478D1C	RGB 71 141 28	#478D1C

#8ABC5E #7EB453 #73AC48 #68A43D #5D9C32 #529427 #478D1C

#8ABC5E - #478D1C

HSV混合

#8ABC5E - #478D1C | colorate

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

0.0%	0.0% #8ABC5E	RGB 138 188 94	#8ABC5E
16.7%	16.7% #7DB451	RGB 125 180 81	#7DB451
33.3%	33.3% #72AC44	RGB 114 172 68	#72AC44
50.0%	50.0% #66A439	RGB 102 164 57	#66A439
66.7%	66.7% #5B9C2E	RGB 91 156 46	#5B9C2E
83.3%	83.3% #519425	RGB 81 148 37	#519425
100.0%	100.0% #478D1C	RGB 71 141 28	#478D1C

#8ABC5E #7DB451 #72AC44 #66A439 #5B9C2E #519425 #478D1C

#8ABC5E - #66A439 - #478D1C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8ABC5E 0%, #66A439 50%, #478D1C 100%);
    background: -webkit-linear-gradient(top, #8ABC5E 0%, #66A439 50%, #478D1C 100%);
    background: linear-gradient(to bottom, #8ABC5E 0%, #66A439 50%, #478D1C 100%);
}
</style>