#C8CADB - #D0DBEA | 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 #C8CADB to #D0DBEA

#C8CADB #D0DBEA

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

#C8CADB - #D0DBEA | 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 #C8CADB as 0% and #D0DBEA as 100%.

0.0%	0.0% #C8CADB	RGB 200 202 219	#C8CADB
16.7%	16.7% #C9CCDD	RGB 201 204 221	#C9CCDD
33.3%	33.3% #CACFE0	RGB 202 207 224	#CACFE0
50.0%	50.0% #CCD2E2	RGB 204 210 226	#CCD2E2
66.7%	66.7% #CDD5E5	RGB 205 213 229	#CDD5E5
83.3%	83.3% #CED8E7	RGB 206 216 231	#CED8E7
100.0%	100.0% #D0DBEA	RGB 208 219 234	#D0DBEA

#C8CADB #C9CCDD #CACFE0 #CCD2E2 #CDD5E5 #CED8E7 #D0DBEA

#C8CADB - #D0DBEA

HSV Blend

#C8CADB - #D0DBEA | 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 #C8CADB as 0% and #D0DBEA as 100%.

0.0%	0.0% #C8CADB	RGB 200 202 219	#C8CADB
16.7%	16.7% #C9CCDD	RGB 201 204 221	#C9CCDD
33.3%	33.3% #CACFE0	RGB 202 207 224	#CACFE0
50.0%	50.0% #CCD2E2	RGB 204 210 226	#CCD2E2
66.7%	66.7% #CDD4E5	RGB 205 212 229	#CDD4E5
83.3%	83.3% #CED7E7	RGB 206 215 231	#CED7E7
100.0%	100.0% #D0DBEA	RGB 208 219 234	#D0DBEA

#C8CADB #C9CCDD #CACFE0 #CCD2E2 #CDD4E5 #CED7E7 #D0DBEA

#C8CADB - #CCD2E2 - #D0DBEA

CSS codes

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

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