#F2F0C8 - #EDEBDF | 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 #F2F0C8 to #EDEBDF

#F2F0C8 #EDEBDF

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

#F2F0C8 - #EDEBDF | 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 #F2F0C8 as 0% and #EDEBDF as 100%.

0.0%	0.0% #F2F0C8	RGB 242 240 200	#F2F0C8
16.7%	16.7% #F1EFCB	RGB 241 239 203	#F1EFCB
33.3%	33.3% #F0EECF	RGB 240 238 207	#F0EECF
50.0%	50.0% #EFEDD3	RGB 239 237 211	#EFEDD3
66.7%	66.7% #EEECD7	RGB 238 236 215	#EEECD7
83.3%	83.3% #EDEBDB	RGB 237 235 219	#EDEBDB
100.0%	100.0% #EDEBDF	RGB 237 235 223	#EDEBDF

#F2F0C8 #F1EFCB #F0EECF #EFEDD3 #EEECD7 #EDEBDB #EDEBDF

#F2F0C8 - #EDEBDF

HSV Blend

#F2F0C8 - #EDEBDF | 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 #F2F0C8 as 0% and #EDEBDF as 100%.

0.0%	0.0% #F2F0C8	RGB 242 240 200	#F2F0C8
16.7%	16.7% #F1EECB	RGB 241 238 203	#F1EECB
33.3%	33.3% #F0EDCF	RGB 240 237 207	#F0EDCF
50.0%	50.0% #EFECD3	RGB 239 236 211	#EFECD3
66.7%	66.7% #EEECD7	RGB 238 236 215	#EEECD7
83.3%	83.3% #EDEBDB	RGB 237 235 219	#EDEBDB
100.0%	100.0% #EDEBDF	RGB 237 235 223	#EDEBDF

#F2F0C8 #F1EECB #F0EDCF #EFECD3 #EEECD7 #EDEBDB #EDEBDF

#F2F0C8 - #EFECD3 - #EDEBDF

CSS codes

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

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