#FAFFFA - #E1F9FC | 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 #FAFFFA to #E1F9FC

#FAFFFA #E1F9FC

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

#FAFFFA - #E1F9FC | 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 #FAFFFA as 0% and #E1F9FC as 100%.

0.0%	0.0% #FAFFFA	RGB 250 255 250	#FAFFFA
16.7%	16.7% #F5FEFA	RGB 245 254 250	#F5FEFA
33.3%	33.3% #F1FDFA	RGB 241 253 250	#F1FDFA
50.0%	50.0% #EDFCFB	RGB 237 252 251	#EDFCFB
66.7%	66.7% #E9FBFB	RGB 233 251 251	#E9FBFB
83.3%	83.3% #E5FAFB	RGB 229 250 251	#E5FAFB
100.0%	100.0% #E1F9FC	RGB 225 249 252	#E1F9FC

#FAFFFA #F5FEFA #F1FDFA #EDFCFB #E9FBFB #E5FAFB #E1F9FC

#FAFFFA - #E1F9FC

HSV Blend

#FAFFFA - #E1F9FC | 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 #FAFFFA as 0% and #E1F9FC as 100%.

0.0%	0.0% #FAFFFA	RGB 250 255 250	#FAFFFA
16.7%	16.7% #F5FEF7	RGB 245 254 247	#F5FEF7
33.3%	33.3% #F1FEF6	RGB 241 254 246	#F1FEF6
50.0%	50.0% #EDFDF6	RGB 237 253 246	#EDFDF6
66.7%	66.7% #E9FDF7	RGB 233 253 247	#E9FDF7
83.3%	83.3% #E5FCFA	RGB 229 252 250	#E5FCFA
100.0%	100.0% #E1F9FC	RGB 225 249 252	#E1F9FC

#FAFFFA #F5FEF7 #F1FEF6 #EDFDF6 #E9FDF7 #E5FCFA #E1F9FC

#FAFFFA - #EDFDF6 - #E1F9FC

CSS codes

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

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