#C9CBDB - #DFE2DC | 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 #C9CBDB to #DFE2DC

#C9CBDB #DFE2DC

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

#C9CBDB - #DFE2DC | 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 #C9CBDB as 0% and #DFE2DC as 100%.

0.0%	0.0% #C9CBDB	RGB 201 203 219	#C9CBDB
16.7%	16.7% #CCCEDB	RGB 204 206 219	#CCCEDB
33.3%	33.3% #D0D2DB	RGB 208 210 219	#D0D2DB
50.0%	50.0% #D4D6DB	RGB 212 214 219	#D4D6DB
66.7%	66.7% #D7DADB	RGB 215 218 219	#D7DADB
83.3%	83.3% #DBDEDB	RGB 219 222 219	#DBDEDB
100.0%	100.0% #DFE2DC	RGB 223 226 220	#DFE2DC

#C9CBDB #CCCEDB #D0D2DB #D4D6DB #D7DADB #DBDEDB #DFE2DC

#C9CBDB - #DFE2DC

HSV Blend

#C9CBDB - #DFE2DC | 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 #C9CBDB as 0% and #DFE2DC as 100%.

0.0%	0.0% #C9CBDB	RGB 201 203 219	#C9CBDB
16.7%	16.7% #CCD4DC	RGB 204 212 220	#CCD4DC
33.3%	33.3% #CFDCDD	RGB 207 220 221	#CFDCDD
50.0%	50.0% #D2DEDA	RGB 210 222 218	#D2DEDA
66.7%	66.7% #D5DFD8	RGB 213 223 216	#D5DFD8
83.3%	83.3% #D9E0D8	RGB 217 224 216	#D9E0D8
100.0%	100.0% #DFE2DC	RGB 223 226 220	#DFE2DC

#C9CBDB #CCD4DC #CFDCDD #D2DEDA #D5DFD8 #D9E0D8 #DFE2DC

#C9CBDB - #D2DEDA - #DFE2DC

CSS codes

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

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