#FFF5E4 - #FCFEFA | 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 #FFF5E4 to #FCFEFA

#FFF5E4 #FCFEFA

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

#FFF5E4 - #FCFEFA | 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 #FFF5E4 as 0% and #FCFEFA as 100%.

0.0%	0.0% #FFF5E4	RGB 255 245 228	#FFF5E4
16.7%	16.7% #FEF6E7	RGB 254 246 231	#FEF6E7
33.3%	33.3% #FEF8EB	RGB 254 248 235	#FEF8EB
50.0%	50.0% #FDF9EF	RGB 253 249 239	#FDF9EF
66.7%	66.7% #FDFBF2	RGB 253 251 242	#FDFBF2
83.3%	83.3% #FCFCF6	RGB 252 252 246	#FCFCF6
100.0%	100.0% #FCFEFA	RGB 252 254 250	#FCFEFA

#FFF5E4 #FEF6E7 #FEF8EB #FDF9EF #FDFBF2 #FCFCF6 #FCFEFA

#FFF5E4 - #FCFEFA

HSV Blend

#FFF5E4 - #FCFEFA | 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 #FFF5E4 as 0% and #FCFEFA as 100%.

0.0%	0.0% #FFF5E4	RGB 255 245 228	#FFF5E4
16.7%	16.7% #FEF9E7	RGB 254 249 231	#FEF9E7
33.3%	33.3% #FEFDEB	RGB 254 253 235	#FEFDEB
50.0%	50.0% #FDFEEF	RGB 253 254 239	#FDFEEF
66.7%	66.7% #FBFEF2	RGB 251 254 242	#FBFEF2
83.3%	83.3% #FBFEF6	RGB 251 254 246	#FBFEF6
100.0%	100.0% #FCFEFA	RGB 252 254 250	#FCFEFA

#FFF5E4 #FEF9E7 #FEFDEB #FDFEEF #FBFEF2 #FBFEF6 #FCFEFA

#FFF5E4 - #FDFEEF - #FCFEFA

CSS codes

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

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