#8DEB5E - #41C41E | colorate

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

Blend #8DEB5E to #41C41E

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

RGB混合

#8DEB5E - #41C41E | colorate

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

0.0%	0.0% #8DEB5E	RGB 141 235 94	#8DEB5E
16.7%	16.7% #80E453	RGB 128 228 83	#80E453
33.3%	33.3% #73DE48	RGB 115 222 72	#73DE48
50.0%	50.0% #67D73E	RGB 103 215 62	#67D73E
66.7%	66.7% #5AD133	RGB 90 209 51	#5AD133
83.3%	83.3% #4DCA28	RGB 77 202 40	#4DCA28
100.0%	100.0% #41C41E	RGB 65 196 30	#41C41E

#8DEB5E #80E453 #73DE48 #67D73E #5AD133 #4DCA28 #41C41E

#8DEB5E - #41C41E

HSV混合

#8DEB5E - #41C41E | colorate

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

0.0%	0.0% #8CEB5E	RGB 140 235 94	#8CEB5E
16.7%	16.7% #7FE451	RGB 127 228 81	#7FE451
33.3%	33.3% #72DE46	RGB 114 222 70	#72DE46
50.0%	50.0% #66D73B	RGB 102 215 59	#66D73B
66.7%	66.7% #59D131	RGB 89 209 49	#59D131
83.3%	83.3% #4DCA27	RGB 77 202 39	#4DCA27
100.0%	100.0% #41C41E	RGB 65 196 30	#41C41E

#8CEB5E #7FE451 #72DE46 #66D73B #59D131 #4DCA27 #41C41E

#8DEB5E - #66D73B - #41C41E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CEB5E 0%, #66D73B 50%, #41C41E 100%);
    background: -webkit-linear-gradient(top, #8CEB5E 0%, #66D73B 50%, #41C41E 100%);
    background: linear-gradient(to bottom, #8CEB5E 0%, #66D73B 50%, #41C41E 100%);
}
</style>