#2E5E2D - #6BD0D1 | colorate

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

Blend #2E5E2D to #6BD0D1

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

RGB混合

#2E5E2D - #6BD0D1 | colorate

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

0.0%	0.0% #2E5E2D	RGB 46 94 45	#2E5E2D
16.7%	16.7% #387148	RGB 56 113 72	#387148
33.3%	33.3% #428463	RGB 66 132 99	#428463
50.0%	50.0% #4C977F	RGB 76 151 127	#4C977F
66.7%	66.7% #56AA9A	RGB 86 170 154	#56AA9A
83.3%	83.3% #60BDB5	RGB 96 189 181	#60BDB5
100.0%	100.0% #6BD0D1	RGB 107 208 209	#6BD0D1

#2E5E2D #387148 #428463 #4C977F #56AA9A #60BDB5 #6BD0D1

#2E5E2D - #6BD0D1

HSV混合

#2E5E2D - #6BD0D1 | colorate

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

0.0%	0.0% #2E5E2D	RGB 46 94 45	#2E5E2D
16.7%	16.7% #36713F	RGB 54 113 63	#36713F
33.3%	33.3% #408456	RGB 64 132 86	#408456
50.0%	50.0% #4B9770	RGB 75 151 112	#4B9770
66.7%	66.7% #55AA8E	RGB 85 170 142	#55AA8E
83.3%	83.3% #60BDAE	RGB 96 189 174	#60BDAE
100.0%	100.0% #6BD0D1	RGB 107 208 209	#6BD0D1

#2E5E2D #36713F #408456 #4B9770 #55AA8E #60BDAE #6BD0D1

#2E5E2D - #4B9770 - #6BD0D1

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E5E2D 0%, #4B9770 50%, #6BD0D1 100%);
    background: -webkit-linear-gradient(top, #2E5E2D 0%, #4B9770 50%, #6BD0D1 100%);
    background: linear-gradient(to bottom, #2E5E2D 0%, #4B9770 50%, #6BD0D1 100%);
}
</style>