#BBAFA2 - #986D4D | 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 #BBAFA2 to #986D4D

#BBAFA2 #986D4D

Calculate the color between two colors, #BBAFA2 and #986D4D. 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)

#BBAFA2 - #986D4D | 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 #BBAFA2 as 0% and #986D4D as 100%.

0.0%	0.0% #BBAFA2	RGB 187 175 162	#BBAFA2
16.7%	16.7% #B5A493	RGB 181 164 147	#B5A493
33.3%	33.3% #AF9985	RGB 175 153 133	#AF9985
50.0%	50.0% #A98E77	RGB 169 142 119	#A98E77
66.7%	66.7% #A38369	RGB 163 131 105	#A38369
83.3%	83.3% #9D785B	RGB 157 120 91	#9D785B
100.0%	100.0% #986D4D	RGB 152 109 77	#986D4D

#BBAFA2 #B5A493 #AF9985 #A98E77 #A38369 #9D785B #986D4D

#BBAFA2 - #986D4D

HSV Blend

#BBAFA2 - #986D4D | 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 #BBAFA2 as 0% and #986D4D as 100%.

0.0%	0.0% #BBAFA2	RGB 187 175 162	#BBAFA2
16.7%	16.7% #B5A392	RGB 181 163 146	#B5A392
33.3%	33.3% #AF9882	RGB 175 152 130	#AF9882
50.0%	50.0% #A98D74	RGB 169 141 116	#A98D74
66.7%	66.7% #A38266	RGB 163 130 102	#A38266
83.3%	83.3% #9D7759	RGB 157 119 89	#9D7759
100.0%	100.0% #986D4D	RGB 152 109 77	#986D4D

#BBAFA2 #B5A392 #AF9882 #A98D74 #A38266 #9D7759 #986D4D

#BBAFA2 - #A98D74 - #986D4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBAFA2 0%, #A98D74 50%, #986D4D 100%);
    background: -webkit-linear-gradient(top, #BBAFA2 0%, #A98D74 50%, #986D4D 100%);
    background: linear-gradient(to bottom, #BBAFA2 0%, #A98D74 50%, #986D4D 100%);
}
</style>