#C4C0AF - #EEEDE8 | 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 #C4C0AF to #EEEDE8

#C4C0AF #EEEDE8

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

#C4C0AF - #EEEDE8 | 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 #C4C0AF as 0% and #EEEDE8 as 100%.

0.0%	0.0% #C4C0AF	RGB 196 192 175	#C4C0AF
16.7%	16.7% #CBC7B8	RGB 203 199 184	#CBC7B8
33.3%	33.3% #D2CFC2	RGB 210 207 194	#D2CFC2
50.0%	50.0% #D9D6CB	RGB 217 214 203	#D9D6CB
66.7%	66.7% #E0DED5	RGB 224 222 213	#E0DED5
83.3%	83.3% #E7E5DE	RGB 231 229 222	#E7E5DE
100.0%	100.0% #EEEDE8	RGB 238 237 232	#EEEDE8

#C4C0AF #CBC7B8 #D2CFC2 #D9D6CB #E0DED5 #E7E5DE #EEEDE8

#C4C0AF - #EEEDE8

HSV Blend

#C4C0AF - #EEEDE8 | 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 #C4C0AF as 0% and #EEEDE8 as 100%.

0.0%	0.0% #C4C0AF	RGB 196 192 175	#C4C0AF
16.7%	16.7% #CBC7B8	RGB 203 199 184	#CBC7B8
33.3%	33.3% #D2CEC1	RGB 210 206 193	#D2CEC1
50.0%	50.0% #D9D6CA	RGB 217 214 202	#D9D6CA
66.7%	66.7% #E0DDD4	RGB 224 221 212	#E0DDD4
83.3%	83.3% #E7E5DE	RGB 231 229 222	#E7E5DE
100.0%	100.0% #EEEDE8	RGB 238 237 232	#EEEDE8

#C4C0AF #CBC7B8 #D2CEC1 #D9D6CA #E0DDD4 #E7E5DE #EEEDE8

#C4C0AF - #D9D6CA - #EEEDE8

CSS codes

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

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