#FEFAF7 - #CDB7AB | 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 #FEFAF7 to #CDB7AB

#FEFAF7 #CDB7AB

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

#FEFAF7 - #CDB7AB | 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 #FEFAF7 as 0% and #CDB7AB as 100%.

0.0%	0.0% #FEFAF7	RGB 254 250 247	#FEFAF7
16.7%	16.7% #F5EEEA	RGB 245 238 234	#F5EEEA
33.3%	33.3% #EDE3DD	RGB 237 227 221	#EDE3DD
50.0%	50.0% #E5D8D1	RGB 229 216 209	#E5D8D1
66.7%	66.7% #DDCDC4	RGB 221 205 196	#DDCDC4
83.3%	83.3% #D5C2B7	RGB 213 194 183	#D5C2B7
100.0%	100.0% #CDB7AB	RGB 205 183 171	#CDB7AB

#FEFAF7 #F5EEEA #EDE3DD #E5D8D1 #DDCDC4 #D5C2B7 #CDB7AB

#FEFAF7 - #CDB7AB

HSV Blend

#FEFAF7 - #CDB7AB | 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 #FEFAF7 as 0% and #CDB7AB as 100%.

0.0%	0.0% #FEFAF7	RGB 254 250 247	#FEFAF7
16.7%	16.7% #F5EEE9	RGB 245 238 233	#F5EEE9
33.3%	33.3% #EDE3DC	RGB 237 227 220	#EDE3DC
50.0%	50.0% #E5D7CF	RGB 229 215 207	#E5D7CF
66.7%	66.7% #DDCCC2	RGB 221 204 194	#DDCCC2
83.3%	83.3% #D5C1B6	RGB 213 193 182	#D5C1B6
100.0%	100.0% #CDB7AB	RGB 205 183 171	#CDB7AB

#FEFAF7 #F5EEE9 #EDE3DC #E5D7CF #DDCCC2 #D5C1B6 #CDB7AB

#FEFAF7 - #E5D7CF - #CDB7AB

CSS codes

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

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