#BFC0AC - #85895B | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #BFC0AC to #85895B

#BFC0AC #85895B

Calculate the color between two colors, #BFC0AC and #85895B. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#BFC0AC - #85895B | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #BFC0AC as 0% and #85895B as 100%.

0.0%	0.0% #BFC0AC	RGB 191 192 172	#BFC0AC
16.7%	16.7% #B5B69E	RGB 181 182 158	#B5B69E
33.3%	33.3% #ABAD91	RGB 171 173 145	#ABAD91
50.0%	50.0% #A2A483	RGB 162 164 131	#A2A483
66.7%	66.7% #989B76	RGB 152 155 118	#989B76
83.3%	83.3% #8E9268	RGB 142 146 104	#8E9268
100.0%	100.0% #85895B	RGB 133 137 91	#85895B

#BFC0AC #B5B69E #ABAD91 #A2A483 #989B76 #8E9268 #85895B

#BFC0AC - #85895B

HSV Blend

#BFC0AC - #85895B | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #BFC0AC as 0% and #85895B as 100%.

0.0%	0.0% #BFC0AC	RGB 191 192 172	#BFC0AC
16.7%	16.7% #B5B69C	RGB 181 182 156	#B5B69C
33.3%	33.3% #ABAD8E	RGB 171 173 142	#ABAD8E
50.0%	50.0% #A2A480	RGB 162 164 128	#A2A480
66.7%	66.7% #989B73	RGB 152 155 115	#989B73
83.3%	83.3% #8E9266	RGB 142 146 102	#8E9266
100.0%	100.0% #85895B	RGB 133 137 91	#85895B

#BFC0AC #B5B69C #ABAD8E #A2A480 #989B73 #8E9266 #85895B

#BFC0AC - #A2A480 - #85895B

CSS codes

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

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