#DCDFE2 - #EAE7FF | 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 #DCDFE2 to #EAE7FF

#DCDFE2 #EAE7FF

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

#DCDFE2 - #EAE7FF | 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 #DCDFE2 as 0% and #EAE7FF as 100%.

0.0%	0.0% #DCDFE2	RGB 220 223 226	#DCDFE2
16.7%	16.7% #DEE0E6	RGB 222 224 230	#DEE0E6
33.3%	33.3% #E0E1EB	RGB 224 225 235	#E0E1EB
50.0%	50.0% #E3E3F0	RGB 227 227 240	#E3E3F0
66.7%	66.7% #E5E4F5	RGB 229 228 245	#E5E4F5
83.3%	83.3% #E7E5FA	RGB 231 229 250	#E7E5FA
100.0%	100.0% #EAE7FF	RGB 234 231 255	#EAE7FF

#DCDFE2 #DEE0E6 #E0E1EB #E3E3F0 #E5E4F5 #E7E5FA #EAE7FF

#DCDFE2 - #EAE7FF

HSV Blend

#DCDFE2 - #EAE7FF | 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 #DCDFE2 as 0% and #EAE7FF as 100%.

0.0%	0.0% #DCDFE2	RGB 220 223 226	#DCDFE2
16.7%	16.7% #DEE1E6	RGB 222 225 230	#DEE1E6
33.3%	33.3% #E0E3EB	RGB 224 227 235	#E0E3EB
50.0%	50.0% #E1E4F0	RGB 225 228 240	#E1E4F0
66.7%	66.7% #E3E5F5	RGB 227 229 245	#E3E5F5
83.3%	83.3% #E5E5FA	RGB 229 229 250	#E5E5FA
100.0%	100.0% #EAE7FF	RGB 234 231 255	#EAE7FF

#DCDFE2 #DEE1E6 #E0E3EB #E1E4F0 #E3E5F5 #E5E5FA #EAE7FF

#DCDFE2 - #E1E4F0 - #EAE7FF

CSS codes

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

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