#BDB6B0 - #A58B5B | 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 #BDB6B0 to #A58B5B

#BDB6B0 #A58B5B

Calculate the color between two colors, #BDB6B0 and #A58B5B. 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)

#BDB6B0 - #A58B5B | 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 #BDB6B0 as 0% and #A58B5B as 100%.

0.0%	0.0% #BDB6B0	RGB 189 182 176	#BDB6B0
16.7%	16.7% #B9AEA1	RGB 185 174 161	#B9AEA1
33.3%	33.3% #B5A793	RGB 181 167 147	#B5A793
50.0%	50.0% #B1A085	RGB 177 160 133	#B1A085
66.7%	66.7% #AD9977	RGB 173 153 119	#AD9977
83.3%	83.3% #A99269	RGB 169 146 105	#A99269
100.0%	100.0% #A58B5B	RGB 165 139 91	#A58B5B

#BDB6B0 #B9AEA1 #B5A793 #B1A085 #AD9977 #A99269 #A58B5B

#BDB6B0 - #A58B5B

HSV Blend

#BDB6B0 - #A58B5B | 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 #BDB6B0 as 0% and #A58B5B as 100%.

0.0%	0.0% #BDB6B0	RGB 189 182 176	#BDB6B0
16.7%	16.7% #B9ACA0	RGB 185 172 160	#B9ACA0
33.3%	33.3% #B5A491	RGB 181 164 145	#B5A491
50.0%	50.0% #B19C83	RGB 177 156 131	#B19C83
66.7%	66.7% #AD9575	RGB 173 149 117	#AD9575
83.3%	83.3% #A99067	RGB 169 144 103	#A99067
100.0%	100.0% #A58B5B	RGB 165 139 91	#A58B5B

#BDB6B0 #B9ACA0 #B5A491 #B19C83 #AD9575 #A99067 #A58B5B

#BDB6B0 - #B19C83 - #A58B5B

CSS codes

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

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