#E6DCE1 - #BD8D9E | 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 #E6DCE1 to #BD8D9E

#E6DCE1 #BD8D9E

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

#E6DCE1 - #BD8D9E | 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 #E6DCE1 as 0% and #BD8D9E as 100%.

0.0%	0.0% #E6DCE1	RGB 230 220 225	#E6DCE1
16.7%	16.7% #DFCED5	RGB 223 206 213	#DFCED5
33.3%	33.3% #D8C1CA	RGB 216 193 202	#D8C1CA
50.0%	50.0% #D1B4BF	RGB 209 180 191	#D1B4BF
66.7%	66.7% #CAA7B4	RGB 202 167 180	#CAA7B4
83.3%	83.3% #C39AA9	RGB 195 154 169	#C39AA9
100.0%	100.0% #BD8D9E	RGB 189 141 158	#BD8D9E

#E6DCE1 #DFCED5 #D8C1CA #D1B4BF #CAA7B4 #C39AA9 #BD8D9E

#E6DCE1 - #BD8D9E

HSV Blend

#E6DCE1 - #BD8D9E | 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 #E6DCE1 as 0% and #BD8D9E as 100%.

0.0%	0.0% #E6DCE1	RGB 230 220 225	#E6DCE1
16.7%	16.7% #DFCDD5	RGB 223 205 213	#DFCDD5
33.3%	33.3% #D8BFCA	RGB 216 191 202	#D8BFCA
50.0%	50.0% #D1B2BF	RGB 209 178 191	#D1B2BF
66.7%	66.7% #CAA5B4	RGB 202 165 180	#CAA5B4
83.3%	83.3% #C398A9	RGB 195 152 169	#C398A9
100.0%	100.0% #BD8D9E	RGB 189 141 158	#BD8D9E

#E6DCE1 #DFCDD5 #D8BFCA #D1B2BF #CAA5B4 #C398A9 #BD8D9E

#E6DCE1 - #D1B2BF - #BD8D9E

CSS codes

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

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