#BF9C8D - #FEEDB0 | colorate

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

Blend #BF9C8D to #FEEDB0

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

RGB混合

#BF9C8D - #FEEDB0 | colorate

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

0.0%	0.0% #BF9C8D	RGB 191 156 141	#BF9C8D
16.7%	16.7% #C9A992	RGB 201 169 146	#C9A992
33.3%	33.3% #D4B798	RGB 212 183 152	#D4B798
50.0%	50.0% #DEC49E	RGB 222 196 158	#DEC49E
66.7%	66.7% #E9D2A4	RGB 233 210 164	#E9D2A4
83.3%	83.3% #F3DFAA	RGB 243 223 170	#F3DFAA
100.0%	100.0% #FEEDB0	RGB 254 237 176	#FEEDB0

#BF9C8D #C9A992 #D4B798 #DEC49E #E9D2A4 #F3DFAA #FEEDB0

#BF9C8D - #FEEDB0

HSV混合

#BF9C8D - #FEEDB0 | colorate

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

0.0%	0.0% #BF9C8D	RGB 191 156 141	#BF9C8D
16.7%	16.7% #C9A793	RGB 201 167 147	#C9A793
33.3%	33.3% #D4B499	RGB 212 180 153	#D4B499
50.0%	50.0% #DEC19F	RGB 222 193 159	#DEC19F
66.7%	66.7% #E9CFA4	RGB 233 207 164	#E9CFA4
83.3%	83.3% #F3DDAA	RGB 243 221 170	#F3DDAA
100.0%	100.0% #FEEDB0	RGB 254 237 176	#FEEDB0

#BF9C8D #C9A793 #D4B499 #DEC19F #E9CFA4 #F3DDAA #FEEDB0

#BF9C8D - #DEC19F - #FEEDB0

CSS代码

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

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