#B5AEA2 - #906E4D | 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 #B5AEA2 to #906E4D

#B5AEA2 #906E4D

Calculate the color between two colors, #B5AEA2 and #906E4D. 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)

#B5AEA2 - #906E4D | 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 #B5AEA2 as 0% and #906E4D as 100%.

0.0%	0.0% #B5AEA2	RGB 181 174 162	#B5AEA2
16.7%	16.7% #AEA393	RGB 174 163 147	#AEA393
33.3%	33.3% #A89885	RGB 168 152 133	#A89885
50.0%	50.0% #A28E77	RGB 162 142 119	#A28E77
66.7%	66.7% #9C8369	RGB 156 131 105	#9C8369
83.3%	83.3% #96785B	RGB 150 120 91	#96785B
100.0%	100.0% #906E4D	RGB 144 110 77	#906E4D

#B5AEA2 #AEA393 #A89885 #A28E77 #9C8369 #96785B #906E4D

#B5AEA2 - #906E4D

HSV Blend

#B5AEA2 - #906E4D | 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 #B5AEA2 as 0% and #906E4D as 100%.

0.0%	0.0% #B5AEA2	RGB 181 174 162	#B5AEA2
16.7%	16.7% #AEA391	RGB 174 163 145	#AEA391
33.3%	33.3% #A89882	RGB 168 152 130	#A89882
50.0%	50.0% #A28E74	RGB 162 142 116	#A28E74
66.7%	66.7% #9C8366	RGB 156 131 102	#9C8366
83.3%	83.3% #967859	RGB 150 120 89	#967859
100.0%	100.0% #906E4D	RGB 144 110 77	#906E4D

#B5AEA2 #AEA391 #A89882 #A28E74 #9C8366 #967859 #906E4D

#B5AEA2 - #A28E74 - #906E4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5AEA2 0%, #A28E74 50%, #906E4D 100%);
    background: -webkit-linear-gradient(top, #B5AEA2 0%, #A28E74 50%, #906E4D 100%);
    background: linear-gradient(to bottom, #B5AEA2 0%, #A28E74 50%, #906E4D 100%);
}
</style>