#BDB4C2 - #EAC7FF | 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 #BDB4C2 to #EAC7FF

#BDB4C2 #EAC7FF

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

#BDB4C2 - #EAC7FF | 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 #BDB4C2 as 0% and #EAC7FF as 100%.

0.0%	0.0% #BDB4C2	RGB 189 180 194	#BDB4C2
16.7%	16.7% #C4B7CC	RGB 196 183 204	#C4B7CC
33.3%	33.3% #CCBAD6	RGB 204 186 214	#CCBAD6
50.0%	50.0% #D3BDE0	RGB 211 189 224	#D3BDE0
66.7%	66.7% #DBC0EA	RGB 219 192 234	#DBC0EA
83.3%	83.3% #E2C3F4	RGB 226 195 244	#E2C3F4
100.0%	100.0% #EAC7FF	RGB 234 199 255	#EAC7FF

#BDB4C2 #C4B7CC #CCBAD6 #D3BDE0 #DBC0EA #E2C3F4 #EAC7FF

#BDB4C2 - #EAC7FF

HSV Blend

#BDB4C2 - #EAC7FF | 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 #BDB4C2 as 0% and #EAC7FF as 100%.

0.0%	0.0% #BDB4C2	RGB 189 180 194	#BDB4C2
16.7%	16.7% #C5B8CC	RGB 197 184 204	#C5B8CC
33.3%	33.3% #CCBCD6	RGB 204 188 214	#CCBCD6
50.0%	50.0% #D4BFE0	RGB 212 191 224	#D4BFE0
66.7%	66.7% #DBC2EA	RGB 219 194 234	#DBC2EA
83.3%	83.3% #E3C5F4	RGB 227 197 244	#E3C5F4
100.0%	100.0% #EAC7FF	RGB 234 199 255	#EAC7FF

#BDB4C2 #C5B8CC #CCBCD6 #D4BFE0 #DBC2EA #E3C5F4 #EAC7FF

#BDB4C2 - #D4BFE0 - #EAC7FF

CSS codes

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

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