#2D5E32 - #C3D1C5 | colorate

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

Blend #2D5E32 to #C3D1C5

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

RGB混合

#2D5E32 - #C3D1C5 | colorate

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

0.0%	0.0% #2D5E32	RGB 45 94 50	#2D5E32
16.7%	16.7% #46714A	RGB 70 113 74	#46714A
33.3%	33.3% #5F8463	RGB 95 132 99	#5F8463
50.0%	50.0% #78977B	RGB 120 151 123	#78977B
66.7%	66.7% #91AA94	RGB 145 170 148	#91AA94
83.3%	83.3% #AABDAC	RGB 170 189 172	#AABDAC
100.0%	100.0% #C3D1C5	RGB 195 209 197	#C3D1C5

#2D5E32 #46714A #5F8463 #78977B #91AA94 #AABDAC #C3D1C5

#2D5E32 - #C3D1C5

HSV混合

#2D5E32 - #C3D1C5 | colorate

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

0.0%	0.0% #2D5E32	RGB 45 94 50	#2D5E32
16.7%	16.7% #3E7144	RGB 62 113 68	#3E7144
33.3%	33.3% #538459	RGB 83 132 89	#538459
50.0%	50.0% #6A9770	RGB 106 151 112	#6A9770
66.7%	66.7% #85AA8A	RGB 133 170 138	#85AA8A
83.3%	83.3% #A2BDA6	RGB 162 189 166	#A2BDA6
100.0%	100.0% #C3D1C5	RGB 195 209 197	#C3D1C5

#2D5E32 #3E7144 #538459 #6A9770 #85AA8A #A2BDA6 #C3D1C5

#2D5E32 - #6A9770 - #C3D1C5

CSS代码

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

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