#BDBDBC - #8F8269 | 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 #BDBDBC to #8F8269

#BDBDBC #8F8269

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

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

0.0%	0.0% #BDBDBC	RGB 189 189 188	#BDBDBC
16.7%	16.7% #B5B3AE	RGB 181 179 174	#B5B3AE
33.3%	33.3% #ADA9A0	RGB 173 169 160	#ADA9A0
50.0%	50.0% #A69F92	RGB 166 159 146	#A69F92
66.7%	66.7% #9E9584	RGB 158 149 132	#9E9584
83.3%	83.3% #968B76	RGB 150 139 118	#968B76
100.0%	100.0% #8F8269	RGB 143 130 105	#8F8269

#BDBDBC #B5B3AE #ADA9A0 #A69F92 #9E9584 #968B76 #8F8269

#BDBDBC - #8F8269

HSV Blend

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

0.0%	0.0% #BDBDBC	RGB 189 189 188	#BDBDBC
16.7%	16.7% #B5B4AC	RGB 181 180 172	#B5B4AC
33.3%	33.3% #ADAB9D	RGB 173 171 157	#ADAB9D
50.0%	50.0% #A6A28F	RGB 166 162 143	#A6A28F
66.7%	66.7% #9E9782	RGB 158 151 130	#9E9782
83.3%	83.3% #968D75	RGB 150 141 117	#968D75
100.0%	100.0% #8F8269	RGB 143 130 105	#8F8269

#BDBDBC #B5B4AC #ADAB9D #A6A28F #9E9782 #968D75 #8F8269

#BDBDBC - #A6A28F - #8F8269

CSS codes

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

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