#DFDCE2 - #E3DFF1 | 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 #DFDCE2 to #E3DFF1

#DFDCE2 #E3DFF1

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

#DFDCE2 - #E3DFF1 | 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 #DFDCE2 as 0% and #E3DFF1 as 100%.

0.0%	0.0% #DFDCE2	RGB 223 220 226	#DFDCE2
16.7%	16.7% #DFDCE4	RGB 223 220 228	#DFDCE4
33.3%	33.3% #E0DDE7	RGB 224 221 231	#E0DDE7
50.0%	50.0% #E1DDE9	RGB 225 221 233	#E1DDE9
66.7%	66.7% #E1DEEC	RGB 225 222 236	#E1DEEC
83.3%	83.3% #E2DEEE	RGB 226 222 238	#E2DEEE
100.0%	100.0% #E3DFF1	RGB 227 223 241	#E3DFF1

#DFDCE2 #DFDCE4 #E0DDE7 #E1DDE9 #E1DEEC #E2DEEE #E3DFF1

#DFDCE2 - #E3DFF1

HSV Blend

#DFDCE2 - #E3DFF1 | 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 #DFDCE2 as 0% and #E3DFF1 as 100%.

0.0%	0.0% #DFDCE2	RGB 223 220 226	#DFDCE2
16.7%	16.7% #E0DCE4	RGB 224 220 228	#E0DCE4
33.3%	33.3% #E1DDE7	RGB 225 221 231	#E1DDE7
50.0%	50.0% #E1DDE9	RGB 225 221 233	#E1DDE9
66.7%	66.7% #E2DEEC	RGB 226 222 236	#E2DEEC
83.3%	83.3% #E2DEEE	RGB 226 222 238	#E2DEEE
100.0%	100.0% #E3DFF1	RGB 227 223 241	#E3DFF1

#DFDCE2 #E0DCE4 #E1DDE7 #E1DDE9 #E2DEEC #E2DEEE #E3DFF1

#DFDCE2 - #E1DDE9 - #E3DFF1

CSS codes

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

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