#E6EEFD - #FCFAFE | 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 #E6EEFD to #FCFAFE

#E6EEFD #FCFAFE

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

#E6EEFD - #FCFAFE | 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 #E6EEFD as 0% and #FCFAFE as 100%.

0.0%	0.0% #E6EEFD	RGB 230 238 253	#E6EEFD
16.7%	16.7% #E9F0FD	RGB 233 240 253	#E9F0FD
33.3%	33.3% #EDF2FD	RGB 237 242 253	#EDF2FD
50.0%	50.0% #F1F4FD	RGB 241 244 253	#F1F4FD
66.7%	66.7% #F4F6FD	RGB 244 246 253	#F4F6FD
83.3%	83.3% #F8F8FD	RGB 248 248 253	#F8F8FD
100.0%	100.0% #FCFAFE	RGB 252 250 254	#FCFAFE

#E6EEFD #E9F0FD #EDF2FD #F1F4FD #F4F6FD #F8F8FD #FCFAFE

#E6EEFD - #FCFAFE

HSV Blend

#E6EEFD - #FCFAFE | 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 #E6EEFD as 0% and #FCFAFE as 100%.

0.0%	0.0% #E6EEFD	RGB 230 238 253	#E6EEFD
16.7%	16.7% #E9EDFD	RGB 233 237 253	#E9EDFD
33.3%	33.3% #ECEDFD	RGB 236 237 253	#ECEDFD
50.0%	50.0% #F1EFFD	RGB 241 239 253	#F1EFFD
66.7%	66.7% #F5F3FD	RGB 245 243 253	#F5F3FD
83.3%	83.3% #F9F6FD	RGB 249 246 253	#F9F6FD
100.0%	100.0% #FCFAFE	RGB 252 250 254	#FCFAFE

#E6EEFD #E9EDFD #ECEDFD #F1EFFD #F5F3FD #F9F6FD #FCFAFE

#E6EEFD - #F1EFFD - #FCFAFE

CSS codes

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

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