#FEFDF7 - #CDC4AB | 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 #FEFDF7 to #CDC4AB

#FEFDF7 #CDC4AB

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

#FEFDF7 - #CDC4AB | 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 #FEFDF7 as 0% and #CDC4AB as 100%.

0.0%	0.0% #FEFDF7	RGB 254 253 247	#FEFDF7
16.7%	16.7% #F5F3EA	RGB 245 243 234	#F5F3EA
33.3%	33.3% #EDEADD	RGB 237 234 221	#EDEADD
50.0%	50.0% #E5E0D1	RGB 229 224 209	#E5E0D1
66.7%	66.7% #DDD7C4	RGB 221 215 196	#DDD7C4
83.3%	83.3% #D5CDB7	RGB 213 205 183	#D5CDB7
100.0%	100.0% #CDC4AB	RGB 205 196 171	#CDC4AB

#FEFDF7 #F5F3EA #EDEADD #E5E0D1 #DDD7C4 #D5CDB7 #CDC4AB

#FEFDF7 - #CDC4AB

HSV Blend

#FEFDF7 - #CDC4AB | 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 #FEFDF7 as 0% and #CDC4AB as 100%.

0.0%	0.0% #FEFDF7	RGB 254 253 247	#FEFDF7
16.7%	16.7% #F5F3E9	RGB 245 243 233	#F5F3E9
33.3%	33.3% #EDEADC	RGB 237 234 220	#EDEADC
50.0%	50.0% #E5E0CF	RGB 229 224 207	#E5E0CF
66.7%	66.7% #DDD7C2	RGB 221 215 194	#DDD7C2
83.3%	83.3% #D5CDB6	RGB 213 205 182	#D5CDB6
100.0%	100.0% #CDC4AB	RGB 205 196 171	#CDC4AB

#FEFDF7 #F5F3E9 #EDEADC #E5E0CF #DDD7C2 #D5CDB6 #CDC4AB

#FEFDF7 - #E5E0CF - #CDC4AB

CSS codes

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

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