#AD9E7B - #5E3D27 | colorate

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

Blend #AD9E7B to #5E3D27

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

RGB混合

#AD9E7B - #5E3D27 | colorate

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

0.0%	0.0% #AD9E7B	RGB 173 158 123	#AD9E7B
16.7%	16.7% #9F8D6D	RGB 159 141 109	#9F8D6D
33.3%	33.3% #927D5F	RGB 146 125 95	#927D5F
50.0%	50.0% #856D51	RGB 133 109 81	#856D51
66.7%	66.7% #785D43	RGB 120 93 67	#785D43
83.3%	83.3% #6B4D35	RGB 107 77 53	#6B4D35
100.0%	100.0% #5E3D27	RGB 94 61 39	#5E3D27

#AD9E7B #9F8D6D #927D5F #856D51 #785D43 #6B4D35 #5E3D27

#AD9E7B - #5E3D27

HSV混合

#AD9E7B - #5E3D27 | colorate

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

0.0%	0.0% #AD9E7B	RGB 173 158 123	#AD9E7B
16.7%	16.7% #9F8C69	RGB 159 140 105	#9F8C69
33.3%	33.3% #927B59	RGB 146 123 89	#927B59
50.0%	50.0% #856B4B	RGB 133 107 75	#856B4B
66.7%	66.7% #785B3D	RGB 120 91 61	#785B3D
83.3%	83.3% #6B4B31	RGB 107 75 49	#6B4B31
100.0%	100.0% #5E3D27	RGB 94 61 39	#5E3D27

#AD9E7B #9F8C69 #927B59 #856B4B #785B3D #6B4B31 #5E3D27

#AD9E7B - #856B4B - #5E3D27

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD9E7B 0%, #856B4B 50%, #5E3D27 100%);
    background: -webkit-linear-gradient(top, #AD9E7B 0%, #856B4B 50%, #5E3D27 100%);
    background: linear-gradient(to bottom, #AD9E7B 0%, #856B4B 50%, #5E3D27 100%);
}
</style>