#C0CDC6 - #DFD0D9 | 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 #C0CDC6 to #DFD0D9

#C0CDC6 #DFD0D9

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

#C0CDC6 - #DFD0D9 | 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 #C0CDC6 as 0% and #DFD0D9 as 100%.

0.0%	0.0% #C0CDC6	RGB 192 205 198	#C0CDC6
16.7%	16.7% #C5CDC9	RGB 197 205 201	#C5CDC9
33.3%	33.3% #CACECC	RGB 202 206 204	#CACECC
50.0%	50.0% #CFCECF	RGB 207 206 207	#CFCECF
66.7%	66.7% #D4CFD2	RGB 212 207 210	#D4CFD2
83.3%	83.3% #D9CFD5	RGB 217 207 213	#D9CFD5
100.0%	100.0% #DFD0D9	RGB 223 208 217	#DFD0D9

#C0CDC6 #C5CDC9 #CACECC #CFCECF #D4CFD2 #D9CFD5 #DFD0D9

#C0CDC6 - #DFD0D9

HSV Blend

#C0CDC6 - #DFD0D9 | 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 #C0CDC6 as 0% and #DFD0D9 as 100%.

0.0%	0.0% #C0CDC6	RGB 192 205 198	#C0CDC6
16.7%	16.7% #C2D0CF	RGB 194 208 207	#C2D0CF
33.3%	33.3% #C5CCD3	RGB 197 204 211	#C5CCD3
50.0%	50.0% #C8C8D6	RGB 200 200 214	#C8C8D6
66.7%	66.7% #D0CAD9	RGB 208 202 217	#D0CAD9
83.3%	83.3% #DACDDC	RGB 218 205 220	#DACDDC
100.0%	100.0% #DFD0D9	RGB 223 208 217	#DFD0D9

#C0CDC6 #C2D0CF #C5CCD3 #C8C8D6 #D0CAD9 #DACDDC #DFD0D9

#C0CDC6 - #C8C8D6 - #DFD0D9

CSS codes

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

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