#FAFBFE - #E1F2FF | 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 #FAFBFE to #E1F2FF

#FAFBFE #E1F2FF

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

#FAFBFE - #E1F2FF | 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 #FAFBFE as 0% and #E1F2FF as 100%.

0.0%	0.0% #FAFBFE	RGB 250 251 254	#FAFBFE
16.7%	16.7% #F5F9FE	RGB 245 249 254	#F5F9FE
33.3%	33.3% #F1F8FE	RGB 241 248 254	#F1F8FE
50.0%	50.0% #EDF6FE	RGB 237 246 254	#EDF6FE
66.7%	66.7% #E9F5FE	RGB 233 245 254	#E9F5FE
83.3%	83.3% #E5F3FE	RGB 229 243 254	#E5F3FE
100.0%	100.0% #E1F2FF	RGB 225 242 255	#E1F2FF

#FAFBFE #F5F9FE #F1F8FE #EDF6FE #E9F5FE #E5F3FE #E1F2FF

#FAFBFE - #E1F2FF

HSV Blend

#FAFBFE - #E1F2FF | 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 #FAFBFE as 0% and #E1F2FF as 100%.

0.0%	0.0% #FAFBFE	RGB 250 251 254	#FAFBFE
16.7%	16.7% #F5F8FE	RGB 245 248 254	#F5F8FE
33.3%	33.3% #F1F6FE	RGB 241 246 254	#F1F6FE
50.0%	50.0% #EDF4FE	RGB 237 244 254	#EDF4FE
66.7%	66.7% #E9F3FE	RGB 233 243 254	#E9F3FE
83.3%	83.3% #E5F2FE	RGB 229 242 254	#E5F2FE
100.0%	100.0% #E1F2FF	RGB 225 242 255	#E1F2FF

#FAFBFE #F5F8FE #F1F6FE #EDF4FE #E9F3FE #E5F2FE #E1F2FF

#FAFBFE - #EDF4FE - #E1F2FF

CSS codes

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

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