#F2FEFC - #E5FFFD | 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 #F2FEFC to #E5FFFD

#F2FEFC #E5FFFD

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

#F2FEFC - #E5FFFD | 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 #F2FEFC as 0% and #E5FFFD as 100%.

0.0%	0.0% #F2FEFC	RGB 242 254 252	#F2FEFC
16.7%	16.7% #EFFEFC	RGB 239 254 252	#EFFEFC
33.3%	33.3% #EDFEFC	RGB 237 254 252	#EDFEFC
50.0%	50.0% #EBFEFC	RGB 235 254 252	#EBFEFC
66.7%	66.7% #E9FEFC	RGB 233 254 252	#E9FEFC
83.3%	83.3% #E7FEFC	RGB 231 254 252	#E7FEFC
100.0%	100.0% #E5FFFD	RGB 229 255 253	#E5FFFD

#F2FEFC #EFFEFC #EDFEFC #EBFEFC #E9FEFC #E7FEFC #E5FFFD

#F2FEFC - #E5FFFD

HSV Blend

#F2FEFC - #E5FFFD | 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 #F2FEFC as 0% and #E5FFFD as 100%.

0.0%	0.0% #F2FEFC	RGB 242 254 252	#F2FEFC
16.7%	16.7% #EFFEFB	RGB 239 254 251	#EFFEFB
33.3%	33.3% #EDFEFC	RGB 237 254 252	#EDFEFC
50.0%	50.0% #EBFEFC	RGB 235 254 252	#EBFEFC
66.7%	66.7% #E9FEFC	RGB 233 254 252	#E9FEFC
83.3%	83.3% #E7FEFC	RGB 231 254 252	#E7FEFC
100.0%	100.0% #E5FFFD	RGB 229 255 253	#E5FFFD

#F2FEFC #EFFEFB #EDFEFC #EBFEFC #E9FEFC #E7FEFC #E5FFFD

#F2FEFC - #EBFEFC - #E5FFFD

CSS codes

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

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