#BDB3A8 - #DEB6CE | 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 #BDB3A8 to #DEB6CE

#BDB3A8 #DEB6CE

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

#BDB3A8 - #DEB6CE | 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 #BDB3A8 as 0% and #DEB6CE as 100%.

0.0%	0.0% #BDB3A8	RGB 189 179 168	#BDB3A8
16.7%	16.7% #C2B3AE	RGB 194 179 174	#C2B3AE
33.3%	33.3% #C8B4B4	RGB 200 180 180	#C8B4B4
50.0%	50.0% #CDB4BB	RGB 205 180 187	#CDB4BB
66.7%	66.7% #D3B5C1	RGB 211 181 193	#D3B5C1
83.3%	83.3% #D8B5C7	RGB 216 181 199	#D8B5C7
100.0%	100.0% #DEB6CE	RGB 222 182 206	#DEB6CE

#BDB3A8 #C2B3AE #C8B4B4 #CDB4BB #D3B5C1 #D8B5C7 #DEB6CE

#BDB3A8 - #DEB6CE

HSV Blend

#BDB3A8 - #DEB6CE | 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 #BDB3A8 as 0% and #DEB6CE as 100%.

0.0%	0.0% #BDB3A8	RGB 189 179 168	#BDB3A8
16.7%	16.7% #C2B2AA	RGB 194 178 170	#C2B2AA
33.3%	33.3% #C8B1AD	RGB 200 177 173	#C8B1AD
50.0%	50.0% #CDAFB0	RGB 205 175 176	#CDAFB0
66.7%	66.7% #D3B1B9	RGB 211 177 185	#D3B1B9
83.3%	83.3% #D8B3C3	RGB 216 179 195	#D8B3C3
100.0%	100.0% #DEB6CE	RGB 222 182 206	#DEB6CE

#BDB3A8 #C2B2AA #C8B1AD #CDAFB0 #D3B1B9 #D8B3C3 #DEB6CE

#BDB3A8 - #CDAFB0 - #DEB6CE

CSS codes

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

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