#F2EBDA - #FDFFFC | 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 #F2EBDA to #FDFFFC

#F2EBDA #FDFFFC

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

#F2EBDA - #FDFFFC | 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 #F2EBDA as 0% and #FDFFFC as 100%.

0.0%	0.0% #F2EBDA	RGB 242 235 218	#F2EBDA
16.7%	16.7% #F3EEDF	RGB 243 238 223	#F3EEDF
33.3%	33.3% #F5F1E5	RGB 245 241 229	#F5F1E5
50.0%	50.0% #F7F5EB	RGB 247 245 235	#F7F5EB
66.7%	66.7% #F9F8F0	RGB 249 248 240	#F9F8F0
83.3%	83.3% #FBFBF6	RGB 251 251 246	#FBFBF6
100.0%	100.0% #FDFFFC	RGB 253 255 252	#FDFFFC

#F2EBDA #F3EEDF #F5F1E5 #F7F5EB #F9F8F0 #FBFBF6 #FDFFFC

#F2EBDA - #FDFFFC

HSV Blend

#F2EBDA - #FDFFFC | 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 #F2EBDA as 0% and #FDFFFC as 100%.

0.0%	0.0% #F2EBDA	RGB 242 235 218	#F2EBDA
16.7%	16.7% #F4F1DF	RGB 244 241 223	#F4F1DF
33.3%	33.3% #F5F6E5	RGB 245 246 229	#F5F6E5
50.0%	50.0% #F5F8EA	RGB 245 248 234	#F5F8EA
66.7%	66.7% #F7FAF0	RGB 247 250 240	#F7FAF0
83.3%	83.3% #F9FCF6	RGB 249 252 246	#F9FCF6
100.0%	100.0% #FDFFFC	RGB 253 255 252	#FDFFFC

#F2EBDA #F4F1DF #F5F6E5 #F5F8EA #F7FAF0 #F9FCF6 #FDFFFC

#F2EBDA - #F5F8EA - #FDFFFC

CSS codes

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

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