#B6B0AF - #8C5A69 | colorate

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

Blend #B6B0AF to #8C5A69

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

RGB混合

#B6B0AF - #8C5A69 | colorate

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

0.0%	0.0% #B6B0AF	RGB 182 176 175	#B6B0AF
16.7%	16.7% #AFA1A3	RGB 175 161 163	#AFA1A3
33.3%	33.3% #A89397	RGB 168 147 151	#A89397
50.0%	50.0% #A1858C	RGB 161 133 140	#A1858C
66.7%	66.7% #9A7680	RGB 154 118 128	#9A7680
83.3%	83.3% #936874	RGB 147 104 116	#936874
100.0%	100.0% #8C5A69	RGB 140 90 105	#8C5A69

#B6B0AF #AFA1A3 #A89397 #A1858C #9A7680 #936874 #8C5A69

#B6B0AF - #8C5A69

HSV混合

#B6B0AF - #8C5A69 | colorate

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

0.0%	0.0% #B6B0AF	RGB 182 176 175	#B6B0AF
16.7%	16.7% #AFA09E	RGB 175 160 158	#AFA09E
33.3%	33.3% #A88F8F	RGB 168 143 143	#A88F8F
50.0%	50.0% #A18183	RGB 161 129 131	#A18183
66.7%	66.7% #9A7379	RGB 154 115 121	#9A7379
83.3%	83.3% #936670	RGB 147 102 112	#936670
100.0%	100.0% #8C5A69	RGB 140 90 105	#8C5A69

#B6B0AF #AFA09E #A88F8F #A18183 #9A7379 #936670 #8C5A69

#B6B0AF - #A18183 - #8C5A69

CSS代码

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

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