#FCF9C7 - #FFF9E2 | 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 #FCF9C7 to #FFF9E2

#FCF9C7 #FFF9E2

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

#FCF9C7 - #FFF9E2 | 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 #FCF9C7 as 0% and #FFF9E2 as 100%.

0.0%	0.0% #FCF9C7	RGB 252 249 199	#FCF9C7
16.7%	16.7% #FCF9CB	RGB 252 249 203	#FCF9CB
33.3%	33.3% #FDF9D0	RGB 253 249 208	#FDF9D0
50.0%	50.0% #FDF9D4	RGB 253 249 212	#FDF9D4
66.7%	66.7% #FEF9D9	RGB 254 249 217	#FEF9D9
83.3%	83.3% #FEF9DD	RGB 254 249 221	#FEF9DD
100.0%	100.0% #FFF9E2	RGB 255 249 226	#FFF9E2

#FCF9C7 #FCF9CB #FDF9D0 #FDF9D4 #FEF9D9 #FEF9DD #FFF9E2

#FCF9C7 - #FFF9E2

HSV Blend

#FCF9C7 - #FFF9E2 | 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 #FCF9C7 as 0% and #FFF9E2 as 100%.

0.0%	0.0% #FCF9C7	RGB 252 249 199	#FCF9C7
16.7%	16.7% #FCF8CB	RGB 252 248 203	#FCF8CB
33.3%	33.3% #FDF8CF	RGB 253 248 207	#FDF8CF
50.0%	50.0% #FDF8D4	RGB 253 248 212	#FDF8D4
66.7%	66.7% #FEF8D8	RGB 254 248 216	#FEF8D8
83.3%	83.3% #FEF8DD	RGB 254 248 221	#FEF8DD
100.0%	100.0% #FFF9E2	RGB 255 249 226	#FFF9E2

#FCF9C7 #FCF8CB #FDF8CF #FDF8D4 #FEF8D8 #FEF8DD #FFF9E2

#FCF9C7 - #FDF8D4 - #FFF9E2

CSS codes

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

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