#C5C5C9 - #E2D9CE | 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 #C5C5C9 to #E2D9CE

#C5C5C9 #E2D9CE

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

#C5C5C9 - #E2D9CE | 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 #C5C5C9 as 0% and #E2D9CE as 100%.

0.0%	0.0% #C5C5C9	RGB 197 197 201	#C5C5C9
16.7%	16.7% #C9C8C9	RGB 201 200 201	#C9C8C9
33.3%	33.3% #CECBCA	RGB 206 203 202	#CECBCA
50.0%	50.0% #D3CFCB	RGB 211 207 203	#D3CFCB
66.7%	66.7% #D8D2CC	RGB 216 210 204	#D8D2CC
83.3%	83.3% #DDD5CD	RGB 221 213 205	#DDD5CD
100.0%	100.0% #E2D9CE	RGB 226 217 206	#E2D9CE

#C5C5C9 #C9C8C9 #CECBCA #D3CFCB #D8D2CC #DDD5CD #E2D9CE

#C5C5C9 - #E2D9CE

HSV Blend

#C5C5C9 - #E2D9CE | 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 #C5C5C9 as 0% and #E2D9CE as 100%.

0.0%	0.0% #C5C5C9	RGB 197 197 201	#C5C5C9
16.7%	16.7% #C9C6CD	RGB 201 198 205	#C9C6CD
33.3%	33.3% #CFC8D1	RGB 207 200 209	#CFC8D1
50.0%	50.0% #D5C9D2	RGB 213 201 210	#D5C9D2
66.7%	66.7% #D9CBCF	RGB 217 203 207	#D9CBCF
83.3%	83.3% #DDCECC	RGB 221 206 204	#DDCECC
100.0%	100.0% #E2D9CE	RGB 226 217 206	#E2D9CE

#C5C5C9 #C9C6CD #CFC8D1 #D5C9D2 #D9CBCF #DDCECC #E2D9CE

#C5C5C9 - #D5C9D2 - #E2D9CE

CSS codes

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

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