#BDBDBE - #E2DBC5 | 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 #BDBDBE to #E2DBC5

#BDBDBE #E2DBC5

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

#BDBDBE - #E2DBC5 | 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 #BDBDBE as 0% and #E2DBC5 as 100%.

0.0%	0.0% #BDBDBE	RGB 189 189 190	#BDBDBE
16.7%	16.7% #C3C2BF	RGB 195 194 191	#C3C2BF
33.3%	33.3% #C9C7C0	RGB 201 199 192	#C9C7C0
50.0%	50.0% #CFCCC1	RGB 207 204 193	#CFCCC1
66.7%	66.7% #D5D1C2	RGB 213 209 194	#D5D1C2
83.3%	83.3% #DBD6C3	RGB 219 214 195	#DBD6C3
100.0%	100.0% #E2DBC5	RGB 226 219 197	#E2DBC5

#BDBDBE #C3C2BF #C9C7C0 #CFCCC1 #D5D1C2 #DBD6C3 #E2DBC5

#BDBDBE - #E2DBC5

HSV Blend

#BDBDBE - #E2DBC5 | 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 #BDBDBE as 0% and #E2DBC5 as 100%.

0.0%	0.0% #BDBDBE	RGB 189 189 190	#BDBDBE
16.7%	16.7% #C1BEC4	RGB 193 190 196	#C1BEC4
33.3%	33.3% #C9C0CA	RGB 201 192 202	#C9C0CA
50.0%	50.0% #D0C2CA	RGB 208 194 202	#D0C2CA
66.7%	66.7% #D6C3C6	RGB 214 195 198	#D6C3C6
83.3%	83.3% #DCCBC4	RGB 220 203 196	#DCCBC4
100.0%	100.0% #E2DBC5	RGB 226 219 197	#E2DBC5

#BDBDBE #C1BEC4 #C9C0CA #D0C2CA #D6C3C6 #DCCBC4 #E2DBC5

#BDBDBE - #D0C2CA - #E2DBC5

CSS codes

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

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