#F2FFED - #EAF4EC | 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 #F2FFED to #EAF4EC

#F2FFED #EAF4EC

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

#F2FFED - #EAF4EC | 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 #F2FFED as 0% and #EAF4EC as 100%.

0.0%	0.0% #F2FFED	RGB 242 255 237	#F2FFED
16.7%	16.7% #F0FDEC	RGB 240 253 236	#F0FDEC
33.3%	33.3% #EFFBEC	RGB 239 251 236	#EFFBEC
50.0%	50.0% #EEF9EC	RGB 238 249 236	#EEF9EC
66.7%	66.7% #ECF7EC	RGB 236 247 236	#ECF7EC
83.3%	83.3% #EBF5EC	RGB 235 245 236	#EBF5EC
100.0%	100.0% #EAF4EC	RGB 234 244 236	#EAF4EC

#F2FFED #F0FDEC #EFFBEC #EEF9EC #ECF7EC #EBF5EC #EAF4EC

#F2FFED - #EAF4EC

HSV Blend

#F2FFED - #EAF4EC | 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 #F2FFED as 0% and #EAF4EC as 100%.

0.0%	0.0% #F2FFED	RGB 242 255 237	#F2FFED
16.7%	16.7% #EFFDEC	RGB 239 253 236	#EFFDEC
33.3%	33.3% #EDFBEC	RGB 237 251 236	#EDFBEC
50.0%	50.0% #ECF9EB	RGB 236 249 235	#ECF9EB
66.7%	66.7% #EBF7EB	RGB 235 247 235	#EBF7EB
83.3%	83.3% #EAF5EB	RGB 234 245 235	#EAF5EB
100.0%	100.0% #EAF4EC	RGB 234 244 236	#EAF4EC

#F2FFED #EFFDEC #EDFBEC #ECF9EB #EBF7EB #EAF5EB #EAF4EC

#F2FFED - #ECF9EB - #EAF4EC

CSS codes

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

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