#C7CAC2 - #EADACB | 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 #C7CAC2 to #EADACB

#C7CAC2 #EADACB

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

#C7CAC2 - #EADACB | 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 #C7CAC2 as 0% and #EADACB as 100%.

0.0%	0.0% #C7CAC2	RGB 199 202 194	#C7CAC2
16.7%	16.7% #CCCCC3	RGB 204 204 195	#CCCCC3
33.3%	33.3% #D2CFC5	RGB 210 207 197	#D2CFC5
50.0%	50.0% #D8D2C6	RGB 216 210 198	#D8D2C6
66.7%	66.7% #DED4C8	RGB 222 212 200	#DED4C8
83.3%	83.3% #E4D7C9	RGB 228 215 201	#E4D7C9
100.0%	100.0% #EADACB	RGB 234 218 203	#EADACB

#C7CAC2 #CCCCC3 #D2CFC5 #D8D2C6 #DED4C8 #E4D7C9 #EADACB

#C7CAC2 - #EADACB

HSV Blend

#C7CAC2 - #EADACB | 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 #C7CAC2 as 0% and #EADACB as 100%.

0.0%	0.0% #C7CAC2	RGB 199 202 194	#C7CAC2
16.7%	16.7% #CCCFC3	RGB 204 207 195	#CCCFC3
33.3%	33.3% #D3D4C5	RGB 211 212 197	#D3D4C5
50.0%	50.0% #DAD8C7	RGB 218 216 199	#DAD8C7
66.7%	66.7% #DFDAC8	RGB 223 218 200	#DFDAC8
83.3%	83.3% #E4DAC9	RGB 228 218 201	#E4DAC9
100.0%	100.0% #EADACB	RGB 234 218 203	#EADACB

#C7CAC2 #CCCFC3 #D3D4C5 #DAD8C7 #DFDAC8 #E4DAC9 #EADACB

#C7CAC2 - #DAD8C7 - #EADACB

CSS codes

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

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