#F2FFA1 - #EDFDEC | 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 #F2FFA1 to #EDFDEC

#F2FFA1 #EDFDEC

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

#F2FFA1 - #EDFDEC | 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 #F2FFA1 as 0% and #EDFDEC as 100%.

0.0%	0.0% #F2FFA1	RGB 242 255 161	#F2FFA1
16.7%	16.7% #F1FEAD	RGB 241 254 173	#F1FEAD
33.3%	33.3% #F0FEBA	RGB 240 254 186	#F0FEBA
50.0%	50.0% #EFFEC6	RGB 239 254 198	#EFFEC6
66.7%	66.7% #EEFDD3	RGB 238 253 211	#EEFDD3
83.3%	83.3% #EDFDDF	RGB 237 253 223	#EDFDDF
100.0%	100.0% #EDFDEC	RGB 237 253 236	#EDFDEC

#F2FFA1 #F1FEAD #F0FEBA #EFFEC6 #EEFDD3 #EDFDDF #EDFDEC

#F2FFA1 - #EDFDEC

HSV Blend

#F2FFA1 - #EDFDEC | 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 #F2FFA1 as 0% and #EDFDEC as 100%.

0.0%	0.0% #F2FFA1	RGB 242 255 161	#F2FFA1
16.7%	16.7% #E8FEAD	RGB 232 254 173	#E8FEAD
33.3%	33.3% #E2FEBA	RGB 226 254 186	#E2FEBA
50.0%	50.0% #E0FEC6	RGB 224 254 198	#E0FEC6
66.7%	66.7% #E1FDD3	RGB 225 253 211	#E1FDD3
83.3%	83.3% #E5FDDF	RGB 229 253 223	#E5FDDF
100.0%	100.0% #EDFDEC	RGB 237 253 236	#EDFDEC

#F2FFA1 #E8FEAD #E2FEBA #E0FEC6 #E1FDD3 #E5FDDF #EDFDEC

#F2FFA1 - #E0FEC6 - #EDFDEC

CSS codes

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

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