#E2E6FF - #CFD1EB | 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 #E2E6FF to #CFD1EB

#E2E6FF #CFD1EB

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

#E2E6FF - #CFD1EB | 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 #E2E6FF as 0% and #CFD1EB as 100%.

0.0%	0.0% #E2E6FF	RGB 226 230 255	#E2E6FF
16.7%	16.7% #DEE2FB	RGB 222 226 251	#DEE2FB
33.3%	33.3% #DBDFF8	RGB 219 223 248	#DBDFF8
50.0%	50.0% #D8DBF5	RGB 216 219 245	#D8DBF5
66.7%	66.7% #D5D8F1	RGB 213 216 241	#D5D8F1
83.3%	83.3% #D2D4EE	RGB 210 212 238	#D2D4EE
100.0%	100.0% #CFD1EB	RGB 207 209 235	#CFD1EB

#E2E6FF #DEE2FB #DBDFF8 #D8DBF5 #D5D8F1 #D2D4EE #CFD1EB

#E2E6FF - #CFD1EB

HSV Blend

#E2E6FF - #CFD1EB | 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 #E2E6FF as 0% and #CFD1EB as 100%.

0.0%	0.0% #E2E6FF	RGB 226 230 255	#E2E6FF
16.7%	16.7% #DEE2FB	RGB 222 226 251	#DEE2FB
33.3%	33.3% #DBDEF8	RGB 219 222 248	#DBDEF8
50.0%	50.0% #D8DBF5	RGB 216 219 245	#D8DBF5
66.7%	66.7% #D5D7F1	RGB 213 215 241	#D5D7F1
83.3%	83.3% #D2D4EE	RGB 210 212 238	#D2D4EE
100.0%	100.0% #CFD1EB	RGB 207 209 235	#CFD1EB

#E2E6FF #DEE2FB #DBDEF8 #D8DBF5 #D5D7F1 #D2D4EE #CFD1EB

#E2E6FF - #D8DBF5 - #CFD1EB

CSS codes

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

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