#C8CAC2 - #EAEFD5 | 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 #C8CAC2 to #EAEFD5

#C8CAC2 #EAEFD5

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

#C8CAC2 - #EAEFD5 | 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 #C8CAC2 as 0% and #EAEFD5 as 100%.

0.0%	0.0% #C8CAC2	RGB 200 202 194	#C8CAC2
16.7%	16.7% #CDD0C5	RGB 205 208 197	#CDD0C5
33.3%	33.3% #D3D6C8	RGB 211 214 200	#D3D6C8
50.0%	50.0% #D9DCCB	RGB 217 220 203	#D9DCCB
66.7%	66.7% #DEE2CE	RGB 222 226 206	#DEE2CE
83.3%	83.3% #E4E8D1	RGB 228 232 209	#E4E8D1
100.0%	100.0% #EAEFD5	RGB 234 239 213	#EAEFD5

#C8CAC2 #CDD0C5 #D3D6C8 #D9DCCB #DEE2CE #E4E8D1 #EAEFD5

#C8CAC2 - #EAEFD5

HSV Blend

#C8CAC2 - #EAEFD5 | 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 #C8CAC2 as 0% and #EAEFD5 as 100%.

0.0%	0.0% #C8CAC2	RGB 200 202 194	#C8CAC2
16.7%	16.7% #CDD0C5	RGB 205 208 197	#CDD0C5
33.3%	33.3% #D3D6C8	RGB 211 214 200	#D3D6C8
50.0%	50.0% #D8DCCC	RGB 216 220 204	#D8DCCC
66.7%	66.7% #DEE2CF	RGB 222 226 207	#DEE2CF
83.3%	83.3% #E4E8D2	RGB 228 232 210	#E4E8D2
100.0%	100.0% #EAEFD5	RGB 234 239 213	#EAEFD5

#C8CAC2 #CDD0C5 #D3D6C8 #D8DCCC #DEE2CF #E4E8D2 #EAEFD5

#C8CAC2 - #D8DCCC - #EAEFD5

CSS codes

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

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