#FFF3CF - #F5E8DB | 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 #FFF3CF to #F5E8DB

#FFF3CF #F5E8DB

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

#FFF3CF - #F5E8DB | 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 #FFF3CF as 0% and #F5E8DB as 100%.

0.0%	0.0% #FFF3CF	RGB 255 243 207	#FFF3CF
16.7%	16.7% #FDF1D1	RGB 253 241 209	#FDF1D1
33.3%	33.3% #FBEFD3	RGB 251 239 211	#FBEFD3
50.0%	50.0% #FAEDD5	RGB 250 237 213	#FAEDD5
66.7%	66.7% #F8EBD7	RGB 248 235 215	#F8EBD7
83.3%	83.3% #F6E9D9	RGB 246 233 217	#F6E9D9
100.0%	100.0% #F5E8DB	RGB 245 232 219	#F5E8DB

#FFF3CF #FDF1D1 #FBEFD3 #FAEDD5 #F8EBD7 #F6E9D9 #F5E8DB

#FFF3CF - #F5E8DB

HSV Blend

#FFF3CF - #F5E8DB | 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 #FFF3CF as 0% and #F5E8DB as 100%.

0.0%	0.0% #FFF3CF	RGB 255 243 207	#FFF3CF
16.7%	16.7% #FDF0D1	RGB 253 240 209	#FDF0D1
33.3%	33.3% #FBEED3	RGB 251 238 211	#FBEED3
50.0%	50.0% #FAECD5	RGB 250 236 213	#FAECD5
66.7%	66.7% #F8EAD7	RGB 248 234 215	#F8EAD7
83.3%	83.3% #F6E9D9	RGB 246 233 217	#F6E9D9
100.0%	100.0% #F5E8DB	RGB 245 232 219	#F5E8DB

#FFF3CF #FDF0D1 #FBEED3 #FAECD5 #F8EAD7 #F6E9D9 #F5E8DB

#FFF3CF - #FAECD5 - #F5E8DB

CSS codes

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

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