#C9CAC8 - #D0CFE2 | 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 #C9CAC8 to #D0CFE2

#C9CAC8 #D0CFE2

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

#C9CAC8 - #D0CFE2 | 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 #C9CAC8 as 0% and #D0CFE2 as 100%.

0.0%	0.0% #C9CAC8	RGB 201 202 200	#C9CAC8
16.7%	16.7% #CACACC	RGB 202 202 204	#CACACC
33.3%	33.3% #CBCBD0	RGB 203 203 208	#CBCBD0
50.0%	50.0% #CCCCD5	RGB 204 204 213	#CCCCD5
66.7%	66.7% #CDCDD9	RGB 205 205 217	#CDCDD9
83.3%	83.3% #CECEDD	RGB 206 206 221	#CECEDD
100.0%	100.0% #D0CFE2	RGB 208 207 226	#D0CFE2

#C9CAC8 #CACACC #CBCBD0 #CCCCD5 #CDCDD9 #CECEDD #D0CFE2

#C9CAC8 - #D0CFE2

HSV Blend

#C9CAC8 - #D0CFE2 | 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 #C9CAC8 as 0% and #D0CFE2 as 100%.

0.0%	0.0% #C9CAC8	RGB 201 202 200	#C9CAC8
16.7%	16.7% #C9CEC9	RGB 201 206 201	#C9CEC9
33.3%	33.3% #CAD2CD	RGB 202 210 205	#CAD2CD
50.0%	50.0% #CBD6D3	RGB 203 214 211	#CBD6D3
66.7%	66.7% #CDD7DA	RGB 205 215 218	#CDD7DA
83.3%	83.3% #CED4DE	RGB 206 212 222	#CED4DE
100.0%	100.0% #D0CFE2	RGB 208 207 226	#D0CFE2

#C9CAC8 #C9CEC9 #CAD2CD #CBD6D3 #CDD7DA #CED4DE #D0CFE2

#C9CAC8 - #CBD6D3 - #D0CFE2

CSS codes

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

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