#C4A4AD - #EEE5E7 | 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 #C4A4AD to #EEE5E7

#C4A4AD #EEE5E7

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

#C4A4AD - #EEE5E7 | 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 #C4A4AD as 0% and #EEE5E7 as 100%.

0.0%	0.0% #C4A4AD	RGB 196 164 173	#C4A4AD
16.7%	16.7% #CBAEB6	RGB 203 174 182	#CBAEB6
33.3%	33.3% #D2B9C0	RGB 210 185 192	#D2B9C0
50.0%	50.0% #D9C4CA	RGB 217 196 202	#D9C4CA
66.7%	66.7% #E0CFD3	RGB 224 207 211	#E0CFD3
83.3%	83.3% #E7DADD	RGB 231 218 221	#E7DADD
100.0%	100.0% #EEE5E7	RGB 238 229 231	#EEE5E7

#C4A4AD #CBAEB6 #D2B9C0 #D9C4CA #E0CFD3 #E7DADD #EEE5E7

#C4A4AD - #EEE5E7

HSV Blend

#C4A4AD - #EEE5E7 | 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 #C4A4AD as 0% and #EEE5E7 as 100%.

0.0%	0.0% #C4A4AD	RGB 196 164 173	#C4A4AD
16.7%	16.7% #CBAEB5	RGB 203 174 181	#CBAEB5
33.3%	33.3% #D2B8BF	RGB 210 184 191	#D2B8BF
50.0%	50.0% #D9C3C8	RGB 217 195 200	#D9C3C8
66.7%	66.7% #E0CED2	RGB 224 206 210	#E0CED2
83.3%	83.3% #E7D9DC	RGB 231 217 220	#E7D9DC
100.0%	100.0% #EEE5E7	RGB 238 229 231	#EEE5E7

#C4A4AD #CBAEB5 #D2B8BF #D9C3C8 #E0CED2 #E7D9DC #EEE5E7

#C4A4AD - #D9C3C8 - #EEE5E7

CSS codes

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

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