#B0AF91 - #85763D | 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 #B0AF91 to #85763D

#B0AF91 #85763D

Calculate the color between two colors, #B0AF91 and #85763D. 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)

#B0AF91 - #85763D | 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 #B0AF91 as 0% and #85763D as 100%.

0.0%	0.0% #B0AF91	RGB 176 175 145	#B0AF91
16.7%	16.7% #A8A583	RGB 168 165 131	#A8A583
33.3%	33.3% #A19C75	RGB 161 156 117	#A19C75
50.0%	50.0% #9A9267	RGB 154 146 103	#9A9267
66.7%	66.7% #938959	RGB 147 137 89	#938959
83.3%	83.3% #8C7F4B	RGB 140 127 75	#8C7F4B
100.0%	100.0% #85763D	RGB 133 118 61	#85763D

#B0AF91 #A8A583 #A19C75 #9A9267 #938959 #8C7F4B #85763D

#B0AF91 - #85763D

HSV Blend

#B0AF91 - #85763D | 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 #B0AF91 as 0% and #85763D as 100%.

0.0%	0.0% #B0AF91	RGB 176 175 145	#B0AF91
16.7%	16.7% #A8A680	RGB 168 166 128	#A8A680
33.3%	33.3% #A19D71	RGB 161 157 113	#A19D71
50.0%	50.0% #9A9363	RGB 154 147 99	#9A9363
66.7%	66.7% #938A55	RGB 147 138 85	#938A55
83.3%	83.3% #8C8048	RGB 140 128 72	#8C8048
100.0%	100.0% #85763D	RGB 133 118 61	#85763D

#B0AF91 #A8A680 #A19D71 #9A9363 #938A55 #8C8048 #85763D

#B0AF91 - #9A9363 - #85763D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0AF91 0%, #9A9363 50%, #85763D 100%);
    background: -webkit-linear-gradient(top, #B0AF91 0%, #9A9363 50%, #85763D 100%);
    background: linear-gradient(to bottom, #B0AF91 0%, #9A9363 50%, #85763D 100%);
}
</style>