#B5B1A8 - #8F7253 | 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 #B5B1A8 to #8F7253

#B5B1A8 #8F7253

Calculate the color between two colors, #B5B1A8 and #8F7253. 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)

#B5B1A8 - #8F7253 | 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 #B5B1A8 as 0% and #8F7253 as 100%.

0.0%	0.0% #B5B1A8	RGB 181 177 168	#B5B1A8
16.7%	16.7% #AEA699	RGB 174 166 153	#AEA699
33.3%	33.3% #A89C8B	RGB 168 156 139	#A89C8B
50.0%	50.0% #A2917D	RGB 162 145 125	#A2917D
66.7%	66.7% #9B876F	RGB 155 135 111	#9B876F
83.3%	83.3% #957C61	RGB 149 124 97	#957C61
100.0%	100.0% #8F7253	RGB 143 114 83	#8F7253

#B5B1A8 #AEA699 #A89C8B #A2917D #9B876F #957C61 #8F7253

#B5B1A8 - #8F7253

HSV Blend

#B5B1A8 - #8F7253 | 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 #B5B1A8 as 0% and #8F7253 as 100%.

0.0%	0.0% #B5B1A8	RGB 181 177 168	#B5B1A8
16.7%	16.7% #AEA797	RGB 174 167 151	#AEA797
33.3%	33.3% #A89C88	RGB 168 156 136	#A89C88
50.0%	50.0% #A2927A	RGB 162 146 122	#A2927A
66.7%	66.7% #9B876C	RGB 155 135 108	#9B876C
83.3%	83.3% #957C5F	RGB 149 124 95	#957C5F
100.0%	100.0% #8F7253	RGB 143 114 83	#8F7253

#B5B1A8 #AEA797 #A89C88 #A2927A #9B876C #957C5F #8F7253

#B5B1A8 - #A2927A - #8F7253

CSS codes

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

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