#C0C0DF - #D8DFDD | 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 #C0C0DF to #D8DFDD

#C0C0DF #D8DFDD

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

#C0C0DF - #D8DFDD | 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 #C0C0DF as 0% and #D8DFDD as 100%.

0.0%	0.0% #C0C0DF	RGB 192 192 223	#C0C0DF
16.7%	16.7% #C4C5DE	RGB 196 197 222	#C4C5DE
33.3%	33.3% #C8CADE	RGB 200 202 222	#C8CADE
50.0%	50.0% #CCCFDE	RGB 204 207 222	#CCCFDE
66.7%	66.7% #D0D4DD	RGB 208 212 221	#D0D4DD
83.3%	83.3% #D4D9DD	RGB 212 217 221	#D4D9DD
100.0%	100.0% #D8DFDD	RGB 216 223 221	#D8DFDD

#C0C0DF #C4C5DE #C8CADE #CCCFDE #D0D4DD #D4D9DD #D8DFDD

#C0C0DF - #D8DFDD

HSV Blend

#C0C0DF - #D8DFDD | 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 #C0C0DF as 0% and #D8DFDD as 100%.

0.0%	0.0% #C0C0DF	RGB 192 192 223	#C0C0DF
16.7%	16.7% #C4C9DF	RGB 196 201 223	#C4C9DF
33.3%	33.3% #C8D1DF	RGB 200 209 223	#C8D1DF
50.0%	50.0% #CCD8DF	RGB 204 216 223	#CCD8DF
66.7%	66.7% #D0DCDF	RGB 208 220 223	#D0DCDF
83.3%	83.3% #D4DFDE	RGB 212 223 222	#D4DFDE
100.0%	100.0% #D8DFDD	RGB 216 223 221	#D8DFDD

#C0C0DF #C4C9DF #C8D1DF #CCD8DF #D0DCDF #D4DFDE #D8DFDD

#C0C0DF - #CCD8DF - #D8DFDD

CSS codes

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

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