#FCFCF3 - #DDD9AC | 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 #FCFCF3 to #DDD9AC

#FCFCF3 #DDD9AC

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

#FCFCF3 - #DDD9AC | 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 #FCFCF3 as 0% and #DDD9AC as 100%.

0.0%	0.0% #FCFCF3	RGB 252 252 243	#FCFCF3
16.7%	16.7% #F6F6E7	RGB 246 246 231	#F6F6E7
33.3%	33.3% #F1F0DB	RGB 241 240 219	#F1F0DB
50.0%	50.0% #ECEACF	RGB 236 234 207	#ECEACF
66.7%	66.7% #E7E4C3	RGB 231 228 195	#E7E4C3
83.3%	83.3% #E2DEB7	RGB 226 222 183	#E2DEB7
100.0%	100.0% #DDD9AC	RGB 221 217 172	#DDD9AC

#FCFCF3 #F6F6E7 #F1F0DB #ECEACF #E7E4C3 #E2DEB7 #DDD9AC

#FCFCF3 - #DDD9AC

HSV Blend

#FCFCF3 - #DDD9AC | 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 #FCFCF3 as 0% and #DDD9AC as 100%.

0.0%	0.0% #FCFCF3	RGB 252 252 243	#FCFCF3
16.7%	16.7% #F6F6E6	RGB 246 246 230	#F6F6E6
33.3%	33.3% #F1F1DA	RGB 241 241 218	#F1F1DA
50.0%	50.0% #ECEBCE	RGB 236 235 206	#ECEBCE
66.7%	66.7% #E7E5C2	RGB 231 229 194	#E7E5C2
83.3%	83.3% #E2DFB7	RGB 226 223 183	#E2DFB7
100.0%	100.0% #DDD9AC	RGB 221 217 172	#DDD9AC

#FCFCF3 #F6F6E6 #F1F1DA #ECEBCE #E7E5C2 #E2DFB7 #DDD9AC

#FCFCF3 - #ECEBCE - #DDD9AC

CSS codes

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

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