#C9C5C0 - #D3D7E5 | 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 #C9C5C0 to #D3D7E5

#C9C5C0 #D3D7E5

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

#C9C5C0 - #D3D7E5 | 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 #C9C5C0 as 0% and #D3D7E5 as 100%.

0.0%	0.0% #C9C5C0	RGB 201 197 192	#C9C5C0
16.7%	16.7% #CAC8C6	RGB 202 200 198	#CAC8C6
33.3%	33.3% #CCCBCC	RGB 204 203 204	#CCCBCC
50.0%	50.0% #CECED2	RGB 206 206 210	#CECED2
66.7%	66.7% #CFD1D8	RGB 207 209 216	#CFD1D8
83.3%	83.3% #D1D4DE	RGB 209 212 222	#D1D4DE
100.0%	100.0% #D3D7E5	RGB 211 215 229	#D3D7E5

#C9C5C0 #CAC8C6 #CCCBCC #CECED2 #CFD1D8 #D1D4DE #D3D7E5

#C9C5C0 - #D3D7E5

HSV Blend

#C9C5C0 - #D3D7E5 | 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 #C9C5C0 as 0% and #D3D7E5 as 100%.

0.0%	0.0% #C9C5C0	RGB 201 197 192	#C9C5C0
16.7%	16.7% #CDC4C3	RGB 205 196 195	#CDC4C3
33.3%	33.3% #D2C6CA	RGB 210 198 202	#D2C6CA
50.0%	50.0% #D7C9D4	RGB 215 201 212	#D7C9D4
66.7%	66.7% #D7CCDB	RGB 215 204 219	#D7CCDB
83.3%	83.3% #D3CFE0	RGB 211 207 224	#D3CFE0
100.0%	100.0% #D3D7E5	RGB 211 215 229	#D3D7E5

#C9C5C0 #CDC4C3 #D2C6CA #D7C9D4 #D7CCDB #D3CFE0 #D3D7E5

#C9C5C0 - #D7C9D4 - #D3D7E5

CSS codes

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

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