#ADA07B - #8A6C2B | colorate

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

Blend #ADA07B to #8A6C2B

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

RGB混合

#ADA07B - #8A6C2B | colorate

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

0.0%	0.0% #ADA07B	RGB 173 160 123	#ADA07B
16.7%	16.7% #A7976D	RGB 167 151 109	#A7976D
33.3%	33.3% #A18E60	RGB 161 142 96	#A18E60
50.0%	50.0% #9B8653	RGB 155 134 83	#9B8653
66.7%	66.7% #957D45	RGB 149 125 69	#957D45
83.3%	83.3% #8F7438	RGB 143 116 56	#8F7438
100.0%	100.0% #8A6C2B	RGB 138 108 43	#8A6C2B

#ADA07B #A7976D #A18E60 #9B8653 #957D45 #8F7438 #8A6C2B

#ADA07B - #8A6C2B

HSV混合

#ADA07B - #8A6C2B | colorate

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

0.0%	0.0% #ADA07B	RGB 173 160 123	#ADA07B
16.7%	16.7% #A7976B	RGB 167 151 107	#A7976B
33.3%	33.3% #A18E5D	RGB 161 142 93	#A18E5D
50.0%	50.0% #9B854F	RGB 155 133 79	#9B854F
66.7%	66.7% #957C42	RGB 149 124 66	#957C42
83.3%	83.3% #8F7436	RGB 143 116 54	#8F7436
100.0%	100.0% #8A6C2B	RGB 138 108 43	#8A6C2B

#ADA07B #A7976B #A18E5D #9B854F #957C42 #8F7436 #8A6C2B

#ADA07B - #9B854F - #8A6C2B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADA07B 0%, #9B854F 50%, #8A6C2B 100%);
    background: -webkit-linear-gradient(top, #ADA07B 0%, #9B854F 50%, #8A6C2B 100%);
    background: linear-gradient(to bottom, #ADA07B 0%, #9B854F 50%, #8A6C2B 100%);
}
</style>