#FEFFA8 - #FCEACF | 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 #FEFFA8 to #FCEACF

#FEFFA8 #FCEACF

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

#FEFFA8 - #FCEACF | 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 #FEFFA8 as 0% and #FCEACF as 100%.

0.0%	0.0% #FEFFA8	RGB 254 255 168	#FEFFA8
16.7%	16.7% #FDFBAE	RGB 253 251 174	#FDFBAE
33.3%	33.3% #FDF8B5	RGB 253 248 181	#FDF8B5
50.0%	50.0% #FDF4BB	RGB 253 244 187	#FDF4BB
66.7%	66.7% #FCF1C2	RGB 252 241 194	#FCF1C2
83.3%	83.3% #FCEDC8	RGB 252 237 200	#FCEDC8
100.0%	100.0% #FCEACF	RGB 252 234 207	#FCEACF

#FEFFA8 #FDFBAE #FDF8B5 #FDF4BB #FCF1C2 #FCEDC8 #FCEACF

#FEFFA8 - #FCEACF

HSV Blend

#FEFFA8 - #FCEACF | 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 #FEFFA8 as 0% and #FCEACF as 100%.

0.0%	0.0% #FEFFA8	RGB 254 255 168	#FEFFA8
16.7%	16.7% #FEF9AE	RGB 254 249 174	#FEF9AE
33.3%	33.3% #FEF4B5	RGB 254 244 181	#FEF4B5
50.0%	50.0% #FDF0BB	RGB 253 240 187	#FDF0BB
66.7%	66.7% #FDEDC2	RGB 253 237 194	#FDEDC2
83.3%	83.3% #FCEBC8	RGB 252 235 200	#FCEBC8
100.0%	100.0% #FCEACF	RGB 252 234 207	#FCEACF

#FEFFA8 #FEF9AE #FEF4B5 #FDF0BB #FDEDC2 #FCEBC8 #FCEACF

#FEFFA8 - #FDF0BB - #FCEACF

CSS codes

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

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