#DFDAFE - #E6E9F5 | 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 #DFDAFE to #E6E9F5

#DFDAFE #E6E9F5

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

#DFDAFE - #E6E9F5 | 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 #DFDAFE as 0% and #E6E9F5 as 100%.

0.0%	0.0% #DFDAFE	RGB 223 218 254	#DFDAFE
16.7%	16.7% #E0DCFC	RGB 224 220 252	#E0DCFC
33.3%	33.3% #E1DFFB	RGB 225 223 251	#E1DFFB
50.0%	50.0% #E2E1F9	RGB 226 225 249	#E2E1F9
66.7%	66.7% #E3E4F8	RGB 227 228 248	#E3E4F8
83.3%	83.3% #E4E6F6	RGB 228 230 246	#E4E6F6
100.0%	100.0% #E6E9F5	RGB 230 233 245	#E6E9F5

#DFDAFE #E0DCFC #E1DFFB #E2E1F9 #E3E4F8 #E4E6F6 #E6E9F5

#DFDAFE - #E6E9F5

HSV Blend

#DFDAFE - #E6E9F5 | 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 #DFDAFE as 0% and #E6E9F5 as 100%.

0.0%	0.0% #DFDAFE	RGB 223 218 254	#DFDAFE
16.7%	16.7% #DEDCFC	RGB 222 220 252	#DEDCFC
33.3%	33.3% #DEDEFB	RGB 222 222 251	#DEDEFB
50.0%	50.0% #E0E0F9	RGB 224 224 249	#E0E0F9
66.7%	66.7% #E2E4F8	RGB 226 228 248	#E2E4F8
83.3%	83.3% #E4E6F6	RGB 228 230 246	#E4E6F6
100.0%	100.0% #E6E9F5	RGB 230 233 245	#E6E9F5

#DFDAFE #DEDCFC #DEDEFB #E0E0F9 #E2E4F8 #E4E6F6 #E6E9F5

#DFDAFE - #E0E0F9 - #E6E9F5

CSS codes

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

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