#BDB6B9 - #8D626D | 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 #BDB6B9 to #8D626D

#BDB6B9 #8D626D

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

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

0.0%	0.0% #BDB6B9	RGB 189 182 185	#BDB6B9
16.7%	16.7% #B5A8AC	RGB 181 168 172	#B5A8AC
33.3%	33.3% #AD9A9F	RGB 173 154 159	#AD9A9F
50.0%	50.0% #A58C93	RGB 165 140 147	#A58C93
66.7%	66.7% #9D7E86	RGB 157 126 134	#9D7E86
83.3%	83.3% #957079	RGB 149 112 121	#957079
100.0%	100.0% #8D626D	RGB 141 98 109	#8D626D

#BDB6B9 #B5A8AC #AD9A9F #A58C93 #9D7E86 #957079 #8D626D

#BDB6B9 - #8D626D

HSV Blend

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

0.0%	0.0% #BDB6B9	RGB 189 182 185	#BDB6B9
16.7%	16.7% #B5A6AC	RGB 181 166 172	#B5A6AC
33.3%	33.3% #AD979F	RGB 173 151 159	#AD979F
50.0%	50.0% #A58892	RGB 165 136 146	#A58892
66.7%	66.7% #9D7B85	RGB 157 123 133	#9D7B85
83.3%	83.3% #956E79	RGB 149 110 121	#956E79
100.0%	100.0% #8D626D	RGB 141 98 109	#8D626D

#BDB6B9 #B5A6AC #AD979F #A58892 #9D7B85 #956E79 #8D626D

#BDB6B9 - #A58892 - #8D626D

CSS codes

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

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