#C9CBDD - #E3E5E1 | 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 #C9CBDD to #E3E5E1

#C9CBDD #E3E5E1

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

#C9CBDD - #E3E5E1 | 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 #C9CBDD as 0% and #E3E5E1 as 100%.

0.0%	0.0% #C9CBDD	RGB 201 203 221	#C9CBDD
16.7%	16.7% #CDCFDD	RGB 205 207 221	#CDCFDD
33.3%	33.3% #D1D3DE	RGB 209 211 222	#D1D3DE
50.0%	50.0% #D6D8DF	RGB 214 216 223	#D6D8DF
66.7%	66.7% #DADCDF	RGB 218 220 223	#DADCDF
83.3%	83.3% #DEE0E0	RGB 222 224 224	#DEE0E0
100.0%	100.0% #E3E5E1	RGB 227 229 225	#E3E5E1

#C9CBDD #CDCFDD #D1D3DE #D6D8DF #DADCDF #DEE0E0 #E3E5E1

#C9CBDD - #E3E5E1

HSV Blend

#C9CBDD - #E3E5E1 | 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 #C9CBDD as 0% and #E3E5E1 as 100%.

0.0%	0.0% #C9CBDD	RGB 201 203 221	#C9CBDD
16.7%	16.7% #CCD5DE	RGB 204 213 222	#CCD5DE
33.3%	33.3% #D0DEDF	RGB 208 222 223	#D0DEDF
50.0%	50.0% #D4E1DD	RGB 212 225 221	#D4E1DD
66.7%	66.7% #D8E2DB	RGB 216 226 219	#D8E2DB
83.3%	83.3% #DDE3DC	RGB 221 227 220	#DDE3DC
100.0%	100.0% #E3E5E1	RGB 227 229 225	#E3E5E1

#C9CBDD #CCD5DE #D0DEDF #D4E1DD #D8E2DB #DDE3DC #E3E5E1

#C9CBDD - #D4E1DD - #E3E5E1

CSS codes

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

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