#ADA39B - #8C6045 | colorate

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

Blend #ADA39B to #8C6045

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

RGB混合

#ADA39B - #8C6045 | colorate

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

0.0%	0.0% #ADA39B	RGB 173 163 155	#ADA39B
16.7%	16.7% #A7978C	RGB 167 151 140	#A7978C
33.3%	33.3% #A28C7E	RGB 162 140 126	#A28C7E
50.0%	50.0% #9C8170	RGB 156 129 112	#9C8170
66.7%	66.7% #977661	RGB 151 118 97	#977661
83.3%	83.3% #916B53	RGB 145 107 83	#916B53
100.0%	100.0% #8C6045	RGB 140 96 69	#8C6045

#ADA39B #A7978C #A28C7E #9C8170 #977661 #916B53 #8C6045

#ADA39B - #8C6045

HSV混合

#ADA39B - #8C6045 | colorate

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

0.0%	0.0% #ADA39B	RGB 173 163 155	#ADA39B
16.7%	16.7% #A7978A	RGB 167 151 138	#A7978A
33.3%	33.3% #A28B7B	RGB 162 139 123	#A28B7B
50.0%	50.0% #9C806C	RGB 156 128 108	#9C806C
66.7%	66.7% #97755E	RGB 151 117 94	#97755E
83.3%	83.3% #916A51	RGB 145 106 81	#916A51
100.0%	100.0% #8C6045	RGB 140 96 69	#8C6045

#ADA39B #A7978A #A28B7B #9C806C #97755E #916A51 #8C6045

#ADA39B - #9C806C - #8C6045

CSS代码

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

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