#B9ABA1 - #98664C | 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 #B9ABA1 to #98664C

#B9ABA1 #98664C

Calculate the color between two colors, #B9ABA1 and #98664C. 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)

#B9ABA1 - #98664C | 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 #B9ABA1 as 0% and #98664C as 100%.

0.0%	0.0% #B9ABA1	RGB 185 171 161	#B9ABA1
16.7%	16.7% #B39F92	RGB 179 159 146	#B39F92
33.3%	33.3% #AE9484	RGB 174 148 132	#AE9484
50.0%	50.0% #A88876	RGB 168 136 118	#A88876
66.7%	66.7% #A37D68	RGB 163 125 104	#A37D68
83.3%	83.3% #9D715A	RGB 157 113 90	#9D715A
100.0%	100.0% #98664C	RGB 152 102 76	#98664C

#B9ABA1 #B39F92 #AE9484 #A88876 #A37D68 #9D715A #98664C

#B9ABA1 - #98664C

HSV Blend

#B9ABA1 - #98664C | 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 #B9ABA1 as 0% and #98664C as 100%.

0.0%	0.0% #B9ABA1	RGB 185 171 161	#B9ABA1
16.7%	16.7% #B39F91	RGB 179 159 145	#B39F91
33.3%	33.3% #AE9381	RGB 174 147 129	#AE9381
50.0%	50.0% #A88773	RGB 168 135 115	#A88773
66.7%	66.7% #A37C65	RGB 163 124 101	#A37C65
83.3%	83.3% #9D7058	RGB 157 112 88	#9D7058
100.0%	100.0% #98664C	RGB 152 102 76	#98664C

#B9ABA1 #B39F91 #AE9381 #A88773 #A37C65 #9D7058 #98664C

#B9ABA1 - #A88773 - #98664C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9ABA1 0%, #A88773 50%, #98664C 100%);
    background: -webkit-linear-gradient(top, #B9ABA1 0%, #A88773 50%, #98664C 100%);
    background: linear-gradient(to bottom, #B9ABA1 0%, #A88773 50%, #98664C 100%);
}
</style>