#FFFCA8 - #FCE9CF | 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 #FFFCA8 to #FCE9CF

#FFFCA8 #FCE9CF

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

#FFFCA8 - #FCE9CF | 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 #FFFCA8 as 0% and #FCE9CF as 100%.

0.0%	0.0% #FFFCA8	RGB 255 252 168	#FFFCA8
16.7%	16.7% #FEF8AE	RGB 254 248 174	#FEF8AE
33.3%	33.3% #FEF5B5	RGB 254 245 181	#FEF5B5
50.0%	50.0% #FDF2BB	RGB 253 242 187	#FDF2BB
66.7%	66.7% #FDEFC2	RGB 253 239 194	#FDEFC2
83.3%	83.3% #FCECC8	RGB 252 236 200	#FCECC8
100.0%	100.0% #FCE9CF	RGB 252 233 207	#FCE9CF

#FFFCA8 #FEF8AE #FEF5B5 #FDF2BB #FDEFC2 #FCECC8 #FCE9CF

#FFFCA8 - #FCE9CF

HSV Blend

#FFFCA8 - #FCE9CF | 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 #FFFCA8 as 0% and #FCE9CF as 100%.

0.0%	0.0% #FFFCA8	RGB 255 252 168	#FFFCA8
16.7%	16.7% #FEF6AE	RGB 254 246 174	#FEF6AE
33.3%	33.3% #FEF2B5	RGB 254 242 181	#FEF2B5
50.0%	50.0% #FDEEBB	RGB 253 238 187	#FDEEBB
66.7%	66.7% #FDEBC2	RGB 253 235 194	#FDEBC2
83.3%	83.3% #FCE9C8	RGB 252 233 200	#FCE9C8
100.0%	100.0% #FCE9CF	RGB 252 233 207	#FCE9CF

#FFFCA8 #FEF6AE #FEF2B5 #FDEEBB #FDEBC2 #FCE9C8 #FCE9CF

#FFFCA8 - #FDEEBB - #FCE9CF

CSS codes

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

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