#F2E2DA - #FAFFF0 | 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 #F2E2DA to #FAFFF0

#F2E2DA #FAFFF0

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

#F2E2DA - #FAFFF0 | 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 #F2E2DA as 0% and #FAFFF0 as 100%.

0.0%	0.0% #F2E2DA	RGB 242 226 218	#F2E2DA
16.7%	16.7% #F3E6DD	RGB 243 230 221	#F3E6DD
33.3%	33.3% #F4EBE1	RGB 244 235 225	#F4EBE1
50.0%	50.0% #F6F0E5	RGB 246 240 229	#F6F0E5
66.7%	66.7% #F7F5E8	RGB 247 245 232	#F7F5E8
83.3%	83.3% #F8FAEC	RGB 248 250 236	#F8FAEC
100.0%	100.0% #FAFFF0	RGB 250 255 240	#FAFFF0

#F2E2DA #F3E6DD #F4EBE1 #F6F0E5 #F7F5E8 #F8FAEC #FAFFF0

#F2E2DA - #FAFFF0

HSV Blend

#F2E2DA - #FAFFF0 | 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 #F2E2DA as 0% and #FAFFF0 as 100%.

0.0%	0.0% #F2E2DA	RGB 242 226 218	#F2E2DA
16.7%	16.7% #F4E8DD	RGB 244 232 221	#F4E8DD
33.3%	33.3% #F6EFE1	RGB 246 239 225	#F6EFE1
50.0%	50.0% #F8F5E4	RGB 248 245 228	#F8F5E4
66.7%	66.7% #FAFAE8	RGB 250 250 232	#FAFAE8
83.3%	83.3% #FAFCEC	RGB 250 252 236	#FAFCEC
100.0%	100.0% #FAFFF0	RGB 250 255 240	#FAFFF0

#F2E2DA #F4E8DD #F6EFE1 #F8F5E4 #FAFAE8 #FAFCEC #FAFFF0

#F2E2DA - #F8F5E4 - #FAFFF0

CSS codes

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

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