#EEEAEC - #C7A2AC | 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 #EEEAEC to #C7A2AC

#EEEAEC #C7A2AC

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

#EEEAEC - #C7A2AC | 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 #EEEAEC as 0% and #C7A2AC as 100%.

0.0%	0.0% #EEEAEC	RGB 238 234 236	#EEEAEC
16.7%	16.7% #E7DEE1	RGB 231 222 225	#E7DEE1
33.3%	33.3% #E1D2D6	RGB 225 210 214	#E1D2D6
50.0%	50.0% #DAC6CC	RGB 218 198 204	#DAC6CC
66.7%	66.7% #D4BAC1	RGB 212 186 193	#D4BAC1
83.3%	83.3% #CDAEB6	RGB 205 174 182	#CDAEB6
100.0%	100.0% #C7A2AC	RGB 199 162 172	#C7A2AC

#EEEAEC #E7DEE1 #E1D2D6 #DAC6CC #D4BAC1 #CDAEB6 #C7A2AC

#EEEAEC - #C7A2AC

HSV Blend

#EEEAEC - #C7A2AC | 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 #EEEAEC as 0% and #C7A2AC as 100%.

0.0%	0.0% #EEEAEC	RGB 238 234 236	#EEEAEC
16.7%	16.7% #E7DDE1	RGB 231 221 225	#E7DDE1
33.3%	33.3% #E1D0D7	RGB 225 208 215	#E1D0D7
50.0%	50.0% #DAC4CC	RGB 218 196 204	#DAC4CC
66.7%	66.7% #D4B8C2	RGB 212 184 194	#D4B8C2
83.3%	83.3% #CDADB7	RGB 205 173 183	#CDADB7
100.0%	100.0% #C7A2AC	RGB 199 162 172	#C7A2AC

#EEEAEC #E7DDE1 #E1D0D7 #DAC4CC #D4B8C2 #CDADB7 #C7A2AC

#EEEAEC - #DAC4CC - #C7A2AC

CSS codes

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

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