#FFDFC1 - #FBFAE6 | 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 #FFDFC1 to #FBFAE6

#FFDFC1 #FBFAE6

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

#FFDFC1 - #FBFAE6 | 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 #FFDFC1 as 0% and #FBFAE6 as 100%.

0.0%	0.0% #FFDFC1	RGB 255 223 193	#FFDFC1
16.7%	16.7% #FEE3C7	RGB 254 227 199	#FEE3C7
33.3%	33.3% #FDE8CD	RGB 253 232 205	#FDE8CD
50.0%	50.0% #FDECD3	RGB 253 236 211	#FDECD3
66.7%	66.7% #FCF1D9	RGB 252 241 217	#FCF1D9
83.3%	83.3% #FBF5DF	RGB 251 245 223	#FBF5DF
100.0%	100.0% #FBFAE6	RGB 251 250 230	#FBFAE6

#FFDFC1 #FEE3C7 #FDE8CD #FDECD3 #FCF1D9 #FBF5DF #FBFAE6

#FFDFC1 - #FBFAE6

HSV Blend

#FFDFC1 - #FBFAE6 | 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 #FFDFC1 as 0% and #FBFAE6 as 100%.

0.0%	0.0% #FFDFC1	RGB 255 223 193	#FFDFC1
16.7%	16.7% #FEE6C7	RGB 254 230 199	#FEE6C7
33.3%	33.3% #FDECCD	RGB 253 236 205	#FDECCD
50.0%	50.0% #FDF1D3	RGB 253 241 211	#FDF1D3
66.7%	66.7% #FCF5D9	RGB 252 245 217	#FCF5D9
83.3%	83.3% #FBF8DF	RGB 251 248 223	#FBF8DF
100.0%	100.0% #FBFAE6	RGB 251 250 230	#FBFAE6

#FFDFC1 #FEE6C7 #FDECCD #FDF1D3 #FCF5D9 #FBF8DF #FBFAE6

#FFDFC1 - #FDF1D3 - #FBFAE6

CSS codes

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

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