#E2DFE3 - #DDC6EC | 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 #E2DFE3 to #DDC6EC

#E2DFE3 #DDC6EC

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

#E2DFE3 - #DDC6EC | 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 #E2DFE3 as 0% and #DDC6EC as 100%.

0.0%	0.0% #E2DFE3	RGB 226 223 227	#E2DFE3
16.7%	16.7% #E1DAE4	RGB 225 218 228	#E1DAE4
33.3%	33.3% #E0D6E6	RGB 224 214 230	#E0D6E6
50.0%	50.0% #DFD2E7	RGB 223 210 231	#DFD2E7
66.7%	66.7% #DECEE9	RGB 222 206 233	#DECEE9
83.3%	83.3% #DDCAEA	RGB 221 202 234	#DDCAEA
100.0%	100.0% #DDC6EC	RGB 221 198 236	#DDC6EC

#E2DFE3 #E1DAE4 #E0D6E6 #DFD2E7 #DECEE9 #DDCAEA #DDC6EC

#E2DFE3 - #DDC6EC

HSV Blend

#E2DFE3 - #DDC6EC | 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 #E2DFE3 as 0% and #DDC6EC as 100%.

0.0%	0.0% #E2DFE3	RGB 226 223 227	#E2DFE3
16.7%	16.7% #E1DBE4	RGB 225 219 228	#E1DBE4
33.3%	33.3% #E1D6E6	RGB 225 214 230	#E1D6E6
50.0%	50.0% #E0D2E7	RGB 224 210 231	#E0D2E7
66.7%	66.7% #DFCEE9	RGB 223 206 233	#DFCEE9
83.3%	83.3% #DECAEA	RGB 222 202 234	#DECAEA
100.0%	100.0% #DDC6EC	RGB 221 198 236	#DDC6EC

#E2DFE3 #E1DBE4 #E1D6E6 #E0D2E7 #DFCEE9 #DECAEA #DDC6EC

#E2DFE3 - #E0D2E7 - #DDC6EC

CSS codes

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

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