#1E5E46 - #849D88 | colorate

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

Blend #1E5E46 to #849D88

计算两种颜色#1E5E46和#849D88之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#1E5E46 - #849D88 | colorate

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

0.0%	0.0% #1E5E46	RGB 30 94 70	#1E5E46
16.7%	16.7% #2F6851	RGB 47 104 81	#2F6851
33.3%	33.3% #40735C	RGB 64 115 92	#40735C
50.0%	50.0% #517D67	RGB 81 125 103	#517D67
66.7%	66.7% #628872	RGB 98 136 114	#628872
83.3%	83.3% #73927D	RGB 115 146 125	#73927D
100.0%	100.0% #849D88	RGB 132 157 136	#849D88

#1E5E46 #2F6851 #40735C #517D67 #628872 #73927D #849D88

#1E5E46 - #849D88

HSV混合

#1E5E46 - #849D88 | colorate

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

0.0%	0.0% #1E5E46	RGB 30 94 70	#1E5E46
16.7%	16.7% #2A684C	RGB 42 104 76	#2A684C
33.3%	33.3% #387354	RGB 56 115 84	#387354
50.0%	50.0% #487D5D	RGB 72 125 93	#487D5D
66.7%	66.7% #5A8868	RGB 90 136 104	#5A8868
83.3%	83.3% #6E9277	RGB 110 146 119	#6E9277
100.0%	100.0% #849D88	RGB 132 157 136	#849D88

#1E5E46 #2A684C #387354 #487D5D #5A8868 #6E9277 #849D88

#1E5E46 - #487D5D - #849D88

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E5E46 0%, #487D5D 50%, #849D88 100%);
    background: -webkit-linear-gradient(top, #1E5E46 0%, #487D5D 50%, #849D88 100%);
    background: linear-gradient(to bottom, #1E5E46 0%, #487D5D 50%, #849D88 100%);
}
</style>