#B7C0AF - #85965B | 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 #B7C0AF to #85965B

#B7C0AF #85965B

Calculate the color between two colors, #B7C0AF and #85965B. 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)

#B7C0AF - #85965B | 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 #B7C0AF as 0% and #85965B as 100%.

0.0%	0.0% #B7C0AF	RGB 183 192 175	#B7C0AF
16.7%	16.7% #AEB9A1	RGB 174 185 161	#AEB9A1
33.3%	33.3% #A6B293	RGB 166 178 147	#A6B293
50.0%	50.0% #9EAB85	RGB 158 171 133	#9EAB85
66.7%	66.7% #95A477	RGB 149 164 119	#95A477
83.3%	83.3% #8D9D69	RGB 141 157 105	#8D9D69
100.0%	100.0% #85965B	RGB 133 150 91	#85965B

#B7C0AF #AEB9A1 #A6B293 #9EAB85 #95A477 #8D9D69 #85965B

#B7C0AF - #85965B

HSV Blend

#B7C0AF - #85965B | 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 #B7C0AF as 0% and #85965B as 100%.

0.0%	0.0% #B7C0AF	RGB 183 192 175	#B7C0AF
16.7%	16.7% #ACB99F	RGB 172 185 159	#ACB99F
33.3%	33.3% #A2B290	RGB 162 178 144	#A2B290
50.0%	50.0% #9AAB81	RGB 154 171 129	#9AAB81
66.7%	66.7% #92A474	RGB 146 164 116	#92A474
83.3%	83.3% #8B9D67	RGB 139 157 103	#8B9D67
100.0%	100.0% #85965B	RGB 133 150 91	#85965B

#B7C0AF #ACB99F #A2B290 #9AAB81 #92A474 #8B9D67 #85965B

#B7C0AF - #9AAB81 - #85965B

CSS codes

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

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