#BDBDBB - #8F8268 | 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 #BDBDBB to #8F8268

#BDBDBB #8F8268

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

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

0.0%	0.0% #BDBDBB	RGB 189 189 187	#BDBDBB
16.7%	16.7% #B5B3AD	RGB 181 179 173	#B5B3AD
33.3%	33.3% #ADA99F	RGB 173 169 159	#ADA99F
50.0%	50.0% #A69F91	RGB 166 159 145	#A69F91
66.7%	66.7% #9E9583	RGB 158 149 131	#9E9583
83.3%	83.3% #968B75	RGB 150 139 117	#968B75
100.0%	100.0% #8F8268	RGB 143 130 104	#8F8268

#BDBDBB #B5B3AD #ADA99F #A69F91 #9E9583 #968B75 #8F8268

#BDBDBB - #8F8268

HSV Blend

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

0.0%	0.0% #BDBDBB	RGB 189 189 187	#BDBDBB
16.7%	16.7% #B5B4AB	RGB 181 180 171	#B5B4AB
33.3%	33.3% #ADAB9C	RGB 173 171 156	#ADAB9C
50.0%	50.0% #A6A28E	RGB 166 162 142	#A6A28E
66.7%	66.7% #9E9780	RGB 158 151 128	#9E9780
83.3%	83.3% #968D74	RGB 150 141 116	#968D74
100.0%	100.0% #8F8268	RGB 143 130 104	#8F8268

#BDBDBB #B5B4AB #ADAB9C #A6A28E #9E9780 #968D74 #8F8268

#BDBDBB - #A6A28E - #8F8268

CSS codes

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

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