#ECEDFF - #FBFCFD | 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 #ECEDFF to #FBFCFD

#ECEDFF #FBFCFD

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

#ECEDFF - #FBFCFD | 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 #ECEDFF as 0% and #FBFCFD as 100%.

0.0%	0.0% #ECEDFF	RGB 236 237 255	#ECEDFF
16.7%	16.7% #EEEFFE	RGB 238 239 254	#EEEFFE
33.3%	33.3% #F1F2FE	RGB 241 242 254	#F1F2FE
50.0%	50.0% #F3F4FE	RGB 243 244 254	#F3F4FE
66.7%	66.7% #F6F7FD	RGB 246 247 253	#F6F7FD
83.3%	83.3% #F8F9FD	RGB 248 249 253	#F8F9FD
100.0%	100.0% #FBFCFD	RGB 251 252 253	#FBFCFD

#ECEDFF #EEEFFE #F1F2FE #F3F4FE #F6F7FD #F8F9FD #FBFCFD

#ECEDFF - #FBFCFD

HSV Blend

#ECEDFF - #FBFCFD | 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 #ECEDFF as 0% and #FBFCFD as 100%.

0.0%	0.0% #ECEDFF	RGB 236 237 255	#ECEDFF
16.7%	16.7% #EEF0FE	RGB 238 240 254	#EEF0FE
33.3%	33.3% #F1F3FE	RGB 241 243 254	#F1F3FE
50.0%	50.0% #F3F6FE	RGB 243 246 254	#F3F6FE
66.7%	66.7% #F6F8FD	RGB 246 248 253	#F6F8FD
83.3%	83.3% #F8FAFD	RGB 248 250 253	#F8FAFD
100.0%	100.0% #FBFCFD	RGB 251 252 253	#FBFCFD

#ECEDFF #EEF0FE #F1F3FE #F3F6FE #F6F8FD #F8FAFD #FBFCFD

#ECEDFF - #F3F6FE - #FBFCFD

CSS codes

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

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