#2B5E47 - #003E18 | colorate

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

Blend #2B5E47 to #003E18

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

RGB混合

#2B5E47 - #003E18 | colorate

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

0.0%	0.0% #2B5E47	RGB 43 94 71	#2B5E47
16.7%	16.7% #23583F	RGB 35 88 63	#23583F
33.3%	33.3% #1C5337	RGB 28 83 55	#1C5337
50.0%	50.0% #154E2F	RGB 21 78 47	#154E2F
66.7%	66.7% #0E4827	RGB 14 72 39	#0E4827
83.3%	83.3% #07431F	RGB 7 67 31	#07431F
100.0%	100.0% #003E18	RGB 0 62 24	#003E18

#2B5E47 #23583F #1C5337 #154E2F #0E4827 #07431F #003E18

#2B5E47 - #003E18

HSV混合

#2B5E47 - #003E18 | colorate

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

0.0%	0.0% #2B5E47	RGB 43 94 71	#2B5E47
16.7%	16.7% #21583E	RGB 33 88 62	#21583E
33.3%	33.3% #195336	RGB 25 83 54	#195336
50.0%	50.0% #114E2D	RGB 17 78 45	#114E2D
66.7%	66.7% #0B4826	RGB 11 72 38	#0B4826
83.3%	83.3% #05431E	RGB 5 67 30	#05431E
100.0%	100.0% #003E18	RGB 0 62 24	#003E18

#2B5E47 #21583E #195336 #114E2D #0B4826 #05431E #003E18

#2B5E47 - #114E2D - #003E18

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E47 0%, #114E2D 50%, #003E18 100%);
    background: -webkit-linear-gradient(top, #2B5E47 0%, #114E2D 50%, #003E18 100%);
    background: linear-gradient(to bottom, #2B5E47 0%, #114E2D 50%, #003E18 100%);
}
</style>