#BDB7B9 - #8B656D | 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 #BDB7B9 to #8B656D

#BDB7B9 #8B656D

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

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

0.0%	0.0% #BDB7B9	RGB 189 183 185	#BDB7B9
16.7%	16.7% #B4A9AC	RGB 180 169 172	#B4A9AC
33.3%	33.3% #AC9B9F	RGB 172 155 159	#AC9B9F
50.0%	50.0% #A48E93	RGB 164 142 147	#A48E93
66.7%	66.7% #9B8086	RGB 155 128 134	#9B8086
83.3%	83.3% #937279	RGB 147 114 121	#937279
100.0%	100.0% #8B656D	RGB 139 101 109	#8B656D

#BDB7B9 #B4A9AC #AC9B9F #A48E93 #9B8086 #937279 #8B656D

#BDB7B9 - #8B656D

HSV Blend

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

0.0%	0.0% #BDB7B9	RGB 189 183 185	#BDB7B9
16.7%	16.7% #B4A7AB	RGB 180 167 171	#B4A7AB
33.3%	33.3% #AC989E	RGB 172 152 158	#AC989E
50.0%	50.0% #A48A91	RGB 164 138 145	#A48A91
66.7%	66.7% #9B7D85	RGB 155 125 133	#9B7D85
83.3%	83.3% #937078	RGB 147 112 120	#937078
100.0%	100.0% #8B656D	RGB 139 101 109	#8B656D

#BDB7B9 #B4A7AB #AC989E #A48A91 #9B7D85 #937078 #8B656D

#BDB7B9 - #A48A91 - #8B656D

CSS codes

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

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