#EAEAFD - #DCEDF8 | 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 #EAEAFD to #DCEDF8

#EAEAFD #DCEDF8

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

#EAEAFD - #DCEDF8 | 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 #EAEAFD as 0% and #DCEDF8 as 100%.

0.0%	0.0% #EAEAFD	RGB 234 234 253	#EAEAFD
16.7%	16.7% #E7EAFC	RGB 231 234 252	#E7EAFC
33.3%	33.3% #E5EBFB	RGB 229 235 251	#E5EBFB
50.0%	50.0% #E3EBFA	RGB 227 235 250	#E3EBFA
66.7%	66.7% #E0ECF9	RGB 224 236 249	#E0ECF9
83.3%	83.3% #DEECF8	RGB 222 236 248	#DEECF8
100.0%	100.0% #DCEDF8	RGB 220 237 248	#DCEDF8

#EAEAFD #E7EAFC #E5EBFB #E3EBFA #E0ECF9 #DEECF8 #DCEDF8

#EAEAFD - #DCEDF8

HSV Blend

#EAEAFD - #DCEDF8 | 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 #EAEAFD as 0% and #DCEDF8 as 100%.

0.0%	0.0% #EAEAFD	RGB 234 234 253	#EAEAFD
16.7%	16.7% #E7E9FC	RGB 231 233 252	#E7E9FC
33.3%	33.3% #E5E9FB	RGB 229 233 251	#E5E9FB
50.0%	50.0% #E2EAFA	RGB 226 234 250	#E2EAFA
66.7%	66.7% #E0EAF9	RGB 224 234 249	#E0EAF9
83.3%	83.3% #DEEBF8	RGB 222 235 248	#DEEBF8
100.0%	100.0% #DCEDF8	RGB 220 237 248	#DCEDF8

#EAEAFD #E7E9FC #E5E9FB #E2EAFA #E0EAF9 #DEEBF8 #DCEDF8

#EAEAFD - #E2EAFA - #DCEDF8

CSS codes

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

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