#BDBDBA - #8F8367 | 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 #BDBDBA to #8F8367

#BDBDBA #8F8367

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

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

0.0%	0.0% #BDBDBA	RGB 189 189 186	#BDBDBA
16.7%	16.7% #B5B3AC	RGB 181 179 172	#B5B3AC
33.3%	33.3% #ADA99E	RGB 173 169 158	#ADA99E
50.0%	50.0% #A6A090	RGB 166 160 144	#A6A090
66.7%	66.7% #9E9682	RGB 158 150 130	#9E9682
83.3%	83.3% #968C74	RGB 150 140 116	#968C74
100.0%	100.0% #8F8367	RGB 143 131 103	#8F8367

#BDBDBA #B5B3AC #ADA99E #A6A090 #9E9682 #968C74 #8F8367

#BDBDBA - #8F8367

HSV Blend

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

0.0%	0.0% #BDBDBA	RGB 189 189 186	#BDBDBA
16.7%	16.7% #B5B4AA	RGB 181 180 170	#B5B4AA
33.3%	33.3% #ADAB9B	RGB 173 171 155	#ADAB9B
50.0%	50.0% #A6A28D	RGB 166 162 141	#A6A28D
66.7%	66.7% #9E987F	RGB 158 152 127	#9E987F
83.3%	83.3% #968D73	RGB 150 141 115	#968D73
100.0%	100.0% #8F8367	RGB 143 131 103	#8F8367

#BDBDBA #B5B4AA #ADAB9B #A6A28D #9E987F #968D73 #8F8367

#BDBDBA - #A6A28D - #8F8367

CSS codes

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

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