#B0AF9F - #85754A | 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 #B0AF9F to #85754A

#B0AF9F #85754A

Calculate the color between two colors, #B0AF9F and #85754A. 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)

#B0AF9F - #85754A | 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 #B0AF9F as 0% and #85754A as 100%.

0.0%	0.0% #B0AF9F	RGB 176 175 159	#B0AF9F
16.7%	16.7% #A8A590	RGB 168 165 144	#A8A590
33.3%	33.3% #A19B82	RGB 161 155 130	#A19B82
50.0%	50.0% #9A9274	RGB 154 146 116	#9A9274
66.7%	66.7% #938866	RGB 147 136 102	#938866
83.3%	83.3% #8C7E58	RGB 140 126 88	#8C7E58
100.0%	100.0% #85754A	RGB 133 117 74	#85754A

#B0AF9F #A8A590 #A19B82 #9A9274 #938866 #8C7E58 #85754A

#B0AF9F - #85754A

HSV Blend

#B0AF9F - #85754A | 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 #B0AF9F as 0% and #85754A as 100%.

0.0%	0.0% #B0AF9F	RGB 176 175 159	#B0AF9F
16.7%	16.7% #A8A68E	RGB 168 166 142	#A8A68E
33.3%	33.3% #A19D7F	RGB 161 157 127	#A19D7F
50.0%	50.0% #9A9370	RGB 154 147 112	#9A9370
66.7%	66.7% #938963	RGB 147 137 99	#938963
83.3%	83.3% #8C7F56	RGB 140 127 86	#8C7F56
100.0%	100.0% #85754A	RGB 133 117 74	#85754A

#B0AF9F #A8A68E #A19D7F #9A9370 #938963 #8C7F56 #85754A

#B0AF9F - #9A9370 - #85754A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0AF9F 0%, #9A9370 50%, #85754A 100%);
    background: -webkit-linear-gradient(top, #B0AF9F 0%, #9A9370 50%, #85754A 100%);
    background: linear-gradient(to bottom, #B0AF9F 0%, #9A9370 50%, #85754A 100%);
}
</style>