#F2FFCC - #FBFFF0 | 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 #F2FFCC to #FBFFF0

#F2FFCC #FBFFF0

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

#F2FFCC - #FBFFF0 | 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 #F2FFCC as 0% and #FBFFF0 as 100%.

0.0%	0.0% #F2FFCC	RGB 242 255 204	#F2FFCC
16.7%	16.7% #F3FFD2	RGB 243 255 210	#F3FFD2
33.3%	33.3% #F5FFD8	RGB 245 255 216	#F5FFD8
50.0%	50.0% #F6FFDE	RGB 246 255 222	#F6FFDE
66.7%	66.7% #F8FFE4	RGB 248 255 228	#F8FFE4
83.3%	83.3% #F9FFEA	RGB 249 255 234	#F9FFEA
100.0%	100.0% #FBFFF0	RGB 251 255 240	#FBFFF0

#F2FFCC #F3FFD2 #F5FFD8 #F6FFDE #F8FFE4 #F9FFEA #FBFFF0

#F2FFCC - #FBFFF0

HSV Blend

#F2FFCC - #FBFFF0 | 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 #F2FFCC as 0% and #FBFFF0 as 100%.

0.0%	0.0% #F2FFCC	RGB 242 255 204	#F2FFCC
16.7%	16.7% #F3FFD2	RGB 243 255 210	#F3FFD2
33.3%	33.3% #F4FFD8	RGB 244 255 216	#F4FFD8
50.0%	50.0% #F6FFDE	RGB 246 255 222	#F6FFDE
66.7%	66.7% #F7FFE4	RGB 247 255 228	#F7FFE4
83.3%	83.3% #F9FFEA	RGB 249 255 234	#F9FFEA
100.0%	100.0% #FBFFF0	RGB 251 255 240	#FBFFF0

#F2FFCC #F3FFD2 #F4FFD8 #F6FFDE #F7FFE4 #F9FFEA #FBFFF0

#F2FFCC - #F6FFDE - #FBFFF0

CSS codes

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

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