#FFF0DC - #F2FFF7 | 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 #FFF0DC to #F2FFF7

#FFF0DC #F2FFF7

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

#FFF0DC - #F2FFF7 | 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 #FFF0DC as 0% and #F2FFF7 as 100%.

0.0%	0.0% #FFF0DC	RGB 255 240 220	#FFF0DC
16.7%	16.7% #FCF2E0	RGB 252 242 224	#FCF2E0
33.3%	33.3% #FAF5E5	RGB 250 245 229	#FAF5E5
50.0%	50.0% #F8F7E9	RGB 248 247 233	#F8F7E9
66.7%	66.7% #F6FAEE	RGB 246 250 238	#F6FAEE
83.3%	83.3% #F4FCF2	RGB 244 252 242	#F4FCF2
100.0%	100.0% #F2FFF7	RGB 242 255 247	#F2FFF7

#FFF0DC #FCF2E0 #FAF5E5 #F8F7E9 #F6FAEE #F4FCF2 #F2FFF7

#FFF0DC - #F2FFF7

HSV Blend

#FFF0DC - #F2FFF7 | 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 #FFF0DC as 0% and #F2FFF7 as 100%.

0.0%	0.0% #FFF0DC	RGB 255 240 220	#FFF0DC
16.7%	16.7% #FFFBDF	RGB 255 251 223	#FFFBDF
33.3%	33.3% #FAFFE3	RGB 250 255 227	#FAFFE3
50.0%	50.0% #F3FFE7	RGB 243 255 231	#F3FFE7
66.7%	66.7% #EFFFEA	RGB 239 255 234	#EFFFEA
83.3%	83.3% #EEFFEF	RGB 238 255 239	#EEFFEF
100.0%	100.0% #F2FFF7	RGB 242 255 247	#F2FFF7

#FFF0DC #FFFBDF #FAFFE3 #F3FFE7 #EFFFEA #EEFFEF #F2FFF7

#FFF0DC - #F3FFE7 - #F2FFF7

CSS codes

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

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