#FEF8F7 - #CDABAB | 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 #FEF8F7 to #CDABAB

#FEF8F7 #CDABAB

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

#FEF8F7 - #CDABAB | 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 #FEF8F7 as 0% and #CDABAB as 100%.

0.0%	0.0% #FEF8F7	RGB 254 248 247	#FEF8F7
16.7%	16.7% #F5EBEA	RGB 245 235 234	#F5EBEA
33.3%	33.3% #EDDEDD	RGB 237 222 221	#EDDEDD
50.0%	50.0% #E5D1D1	RGB 229 209 209	#E5D1D1
66.7%	66.7% #DDC4C4	RGB 221 196 196	#DDC4C4
83.3%	83.3% #D5B7B7	RGB 213 183 183	#D5B7B7
100.0%	100.0% #CDABAB	RGB 205 171 171	#CDABAB

#FEF8F7 #F5EBEA #EDDEDD #E5D1D1 #DDC4C4 #D5B7B7 #CDABAB

#FEF8F7 - #CDABAB

HSV Blend

#FEF8F7 - #CDABAB | 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 #FEF8F7 as 0% and #CDABAB as 100%.

0.0%	0.0% #FEF8F7	RGB 254 248 247	#FEF8F7
16.7%	16.7% #F5EAE9	RGB 245 234 233	#F5EAE9
33.3%	33.3% #EDDDDC	RGB 237 221 220	#EDDDDC
50.0%	50.0% #E5D0CF	RGB 229 208 207	#E5D0CF
66.7%	66.7% #DDC4C2	RGB 221 196 194	#DDC4C2
83.3%	83.3% #D5B7B6	RGB 213 183 182	#D5B7B6
100.0%	100.0% #CDABAB	RGB 205 171 171	#CDABAB

#FEF8F7 #F5EAE9 #EDDDDC #E5D0CF #DDC4C2 #D5B7B6 #CDABAB

#FEF8F7 - #E5D0CF - #CDABAB

CSS codes

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

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