#FCFEEB - #FCFEF9 | 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 #FCFEEB to #FCFEF9

#FCFEEB #FCFEF9

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

#FCFEEB - #FCFEF9 | 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 #FCFEEB as 0% and #FCFEF9 as 100%.

0.0%	0.0% #FCFEEB	RGB 252 254 235	#FCFEEB
16.7%	16.7% #FCFEED	RGB 252 254 237	#FCFEED
33.3%	33.3% #FCFEEF	RGB 252 254 239	#FCFEEF
50.0%	50.0% #FCFEF2	RGB 252 254 242	#FCFEF2
66.7%	66.7% #FCFEF4	RGB 252 254 244	#FCFEF4
83.3%	83.3% #FCFEF6	RGB 252 254 246	#FCFEF6
100.0%	100.0% #FCFEF9	RGB 252 254 249	#FCFEF9

#FCFEEB #FCFEED #FCFEEF #FCFEF2 #FCFEF4 #FCFEF6 #FCFEF9

#FCFEEB - #FCFEF9

HSV Blend

#FCFEEB - #FCFEF9 | 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 #FCFEEB as 0% and #FCFEF9 as 100%.

0.0%	0.0% #FCFEEB	RGB 252 254 235	#FCFEEB
16.7%	16.7% #FBFEED	RGB 251 254 237	#FBFEED
33.3%	33.3% #FBFEEF	RGB 251 254 239	#FBFEEF
50.0%	50.0% #FAFEF2	RGB 250 254 242	#FAFEF2
66.7%	66.7% #FBFEF4	RGB 251 254 244	#FBFEF4
83.3%	83.3% #FBFEF6	RGB 251 254 246	#FBFEF6
100.0%	100.0% #FCFEF9	RGB 252 254 249	#FCFEF9

#FCFEEB #FBFEED #FBFEEF #FAFEF2 #FBFEF4 #FBFEF6 #FCFEF9

#FCFEEB - #FAFEF2 - #FCFEF9

CSS codes

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

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