#BDB3C9 - #FFE3C4 | 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 #BDB3C9 to #FFE3C4

#BDB3C9 #FFE3C4

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

#BDB3C9 - #FFE3C4 | 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 #BDB3C9 as 0% and #FFE3C4 as 100%.

0.0%	0.0% #BDB3C9	RGB 189 179 201	#BDB3C9
16.7%	16.7% #C8BBC8	RGB 200 187 200	#C8BBC8
33.3%	33.3% #D3C3C7	RGB 211 195 199	#D3C3C7
50.0%	50.0% #DECBC6	RGB 222 203 198	#DECBC6
66.7%	66.7% #E9D3C5	RGB 233 211 197	#E9D3C5
83.3%	83.3% #F4DBC4	RGB 244 219 196	#F4DBC4
100.0%	100.0% #FFE3C4	RGB 255 227 196	#FFE3C4

#BDB3C9 #C8BBC8 #D3C3C7 #DECBC6 #E9D3C5 #F4DBC4 #FFE3C4

#BDB3C9 - #FFE3C4

HSV Blend

#BDB3C9 - #FFE3C4 | 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 #BDB3C9 as 0% and #FFE3C4 as 100%.

0.0%	0.0% #BDB3C9	RGB 189 179 201	#BDB3C9
16.7%	16.7% #CCB6D2	RGB 204 182 210	#CCB6D2
33.3%	33.3% #DBBAD6	RGB 219 186 214	#DBBAD6
50.0%	50.0% #E4BDD0	RGB 228 189 208	#E4BDD0
66.7%	66.7% #EDBFC7	RGB 237 191 199	#EDBFC7
83.3%	83.3% #F6CBC2	RGB 246 203 194	#F6CBC2
100.0%	100.0% #FFE3C4	RGB 255 227 196	#FFE3C4

#BDB3C9 #CCB6D2 #DBBAD6 #E4BDD0 #EDBFC7 #F6CBC2 #FFE3C4

#BDB3C9 - #E4BDD0 - #FFE3C4

CSS codes

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

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