#2C5E3C - #8AAB66 | colorate

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

Blend #2C5E3C to #8AAB66

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

RGB混合

#2C5E3C - #8AAB66 | colorate

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

0.0%	0.0% #2C5E3C	RGB 44 94 60	#2C5E3C
16.7%	16.7% #3B6A43	RGB 59 106 67	#3B6A43
33.3%	33.3% #4B774A	RGB 75 119 74	#4B774A
50.0%	50.0% #5B8451	RGB 91 132 81	#5B8451
66.7%	66.7% #6A9158	RGB 106 145 88	#6A9158
83.3%	83.3% #7A9E5F	RGB 122 158 95	#7A9E5F
100.0%	100.0% #8AAB66	RGB 138 171 102	#8AAB66

#2C5E3C #3B6A43 #4B774A #5B8451 #6A9158 #7A9E5F #8AAB66

#2C5E3C - #8AAB66

HSV混合

#2C5E3C - #8AAB66 | colorate

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

0.0%	0.0% #2C5E3C	RGB 44 94 60	#2C5E3C
16.7%	16.7% #346A3E	RGB 52 106 62	#346A3E
33.3%	33.3% #3D773F	RGB 61 119 63	#3D773F
50.0%	50.0% #4C8446	RGB 76 132 70	#4C8446
66.7%	66.7% #609150	RGB 96 145 80	#609150
83.3%	83.3% #749E5A	RGB 116 158 90	#749E5A
100.0%	100.0% #8AAB66	RGB 138 171 102	#8AAB66

#2C5E3C #346A3E #3D773F #4C8446 #609150 #749E5A #8AAB66

#2C5E3C - #4C8446 - #8AAB66

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C5E3C 0%, #4C8446 50%, #8AAB66 100%);
    background: -webkit-linear-gradient(top, #2C5E3C 0%, #4C8446 50%, #8AAB66 100%);
    background: linear-gradient(to bottom, #2C5E3C 0%, #4C8446 50%, #8AAB66 100%);
}
</style>