#DFDCE2 - #E6DFF1 | 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 #E6DFF1

#DFDCE2 #E6DFF1

Calculate the color between two colors, #DFDCE2 and #E6DFF1. 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 - #E6DFF1 | 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 #E6DFF1 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% #E2DDE9	RGB 226 221 233	#E2DDE9
66.7%	66.7% #E3DEEC	RGB 227 222 236	#E3DEEC
83.3%	83.3% #E4DEEE	RGB 228 222 238	#E4DEEE
100.0%	100.0% #E6DFF1	RGB 230 223 241	#E6DFF1

#DFDCE2 #E0DCE4 #E1DDE7 #E2DDE9 #E3DEEC #E4DEEE #E6DFF1

#DFDCE2 - #E6DFF1

HSV Blend

#DFDCE2 - #E6DFF1 | 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 #E6DFF1 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% #E2DDE9	RGB 226 221 233	#E2DDE9
66.7%	66.7% #E4DEEC	RGB 228 222 236	#E4DEEC
83.3%	83.3% #E5DEEE	RGB 229 222 238	#E5DEEE
100.0%	100.0% #E6DFF1	RGB 230 223 241	#E6DFF1

#DFDCE2 #E0DCE4 #E1DDE7 #E2DDE9 #E4DEEC #E5DEEE #E6DFF1

#DFDCE2 - #E2DDE9 - #E6DFF1

CSS codes

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

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