#CAC8C8 - #EACEE2 | 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 #CAC8C8 to #EACEE2

#CAC8C8 #EACEE2

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

#CAC8C8 - #EACEE2 | 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 #CAC8C8 as 0% and #EACEE2 as 100%.

0.0%	0.0% #CAC8C8	RGB 202 200 200	#CAC8C8
16.7%	16.7% #CFC9CC	RGB 207 201 204	#CFC9CC
33.3%	33.3% #D4CAD0	RGB 212 202 208	#D4CAD0
50.0%	50.0% #DACBD5	RGB 218 203 213	#DACBD5
66.7%	66.7% #DFCCD9	RGB 223 204 217	#DFCCD9
83.3%	83.3% #E4CDDD	RGB 228 205 221	#E4CDDD
100.0%	100.0% #EACEE2	RGB 234 206 226	#EACEE2

#CAC8C8 #CFC9CC #D4CAD0 #DACBD5 #DFCCD9 #E4CDDD #EACEE2

#CAC8C8 - #EACEE2

HSV Blend

#CAC8C8 - #EACEE2 | 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 #CAC8C8 as 0% and #EACEE2 as 100%.

0.0%	0.0% #CAC8C8	RGB 202 200 200	#CAC8C8
16.7%	16.7% #CFC9CA	RGB 207 201 202	#CFC9CA
33.3%	33.3% #D4CACD	RGB 212 202 205	#D4CACD
50.0%	50.0% #DACBD0	RGB 218 203 208	#DACBD0
66.7%	66.7% #DFCCD5	RGB 223 204 213	#DFCCD5
83.3%	83.3% #E4CDDB	RGB 228 205 219	#E4CDDB
100.0%	100.0% #EACEE2	RGB 234 206 226	#EACEE2

#CAC8C8 #CFC9CA #D4CACD #DACBD0 #DFCCD5 #E4CDDB #EACEE2

#CAC8C8 - #DACBD0 - #EACEE2

CSS codes

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

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