#FFEDC8 - #FAFCE6 | 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 #FFEDC8 to #FAFCE6

#FFEDC8 #FAFCE6

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

#FFEDC8 - #FAFCE6 | 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 #FFEDC8 as 0% and #FAFCE6 as 100%.

0.0%	0.0% #FFEDC8	RGB 255 237 200	#FFEDC8
16.7%	16.7% #FEEFCD	RGB 254 239 205	#FEEFCD
33.3%	33.3% #FDF2D2	RGB 253 242 210	#FDF2D2
50.0%	50.0% #FCF4D7	RGB 252 244 215	#FCF4D7
66.7%	66.7% #FBF7DC	RGB 251 247 220	#FBF7DC
83.3%	83.3% #FAF9E1	RGB 250 249 225	#FAF9E1
100.0%	100.0% #FAFCE6	RGB 250 252 230	#FAFCE6

#FFEDC8 #FEEFCD #FDF2D2 #FCF4D7 #FBF7DC #FAF9E1 #FAFCE6

#FFEDC8 - #FAFCE6

HSV Blend

#FFEDC8 - #FAFCE6 | 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 #FFEDC8 as 0% and #FAFCE6 as 100%.

0.0%	0.0% #FFEDC8	RGB 255 237 200	#FFEDC8
16.7%	16.7% #FEF1CD	RGB 254 241 205	#FEF1CD
33.3%	33.3% #FEF5D2	RGB 254 245 210	#FEF5D2
50.0%	50.0% #FDF8D7	RGB 253 248 215	#FDF8D7
66.7%	66.7% #FDFBDC	RGB 253 251 220	#FDFBDC
83.3%	83.3% #FBFCE1	RGB 251 252 225	#FBFCE1
100.0%	100.0% #FAFCE6	RGB 250 252 230	#FAFCE6

#FFEDC8 #FEF1CD #FEF5D2 #FDF8D7 #FDFBDC #FBFCE1 #FAFCE6

#FFEDC8 - #FDF8D7 - #FAFCE6

CSS codes

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

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