#D9BCD1 - #E0ECE6 | 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 #D9BCD1 to #E0ECE6

#D9BCD1 #E0ECE6

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

#D9BCD1 - #E0ECE6 | 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 #D9BCD1 as 0% and #E0ECE6 as 100%.

0.0%	0.0% #D9BCD1	RGB 217 188 209	#D9BCD1
16.7%	16.7% #DAC4D4	RGB 218 196 212	#DAC4D4
33.3%	33.3% #DBCCD8	RGB 219 204 216	#DBCCD8
50.0%	50.0% #DCD4DB	RGB 220 212 219	#DCD4DB
66.7%	66.7% #DDDCDF	RGB 221 220 223	#DDDCDF
83.3%	83.3% #DEE4E2	RGB 222 228 226	#DEE4E2
100.0%	100.0% #E0ECE6	RGB 224 236 230	#E0ECE6

#D9BCD1 #DAC4D4 #DBCCD8 #DCD4DB #DDDCDF #DEE4E2 #E0ECE6

#D9BCD1 - #E0ECE6

HSV Blend

#D9BCD1 - #E0ECE6 | 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 #D9BCD1 as 0% and #E0ECE6 as 100%.

0.0%	0.0% #D9BCD1	RGB 217 188 209	#D9BCD1
16.7%	16.7% #D7C1DC	RGB 215 193 220	#D7C1DC
33.3%	33.3% #CFC7DF	RGB 207 199 223	#CFC7DF
50.0%	50.0% #CDCFE2	RGB 205 207 226	#CDCFE2
66.7%	66.7% #D3DEE5	RGB 211 222 229	#D3DEE5
83.3%	83.3% #D9E8E8	RGB 217 232 232	#D9E8E8
100.0%	100.0% #E0ECE6	RGB 224 236 230	#E0ECE6

#D9BCD1 #D7C1DC #CFC7DF #CDCFE2 #D3DEE5 #D9E8E8 #E0ECE6

#D9BCD1 - #CDCFE2 - #E0ECE6

CSS codes

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

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