#C9CDCA - #E4D5E0 | 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 #C9CDCA to #E4D5E0

#C9CDCA #E4D5E0

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

#C9CDCA - #E4D5E0 | 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 #C9CDCA as 0% and #E4D5E0 as 100%.

0.0%	0.0% #C9CDCA	RGB 201 205 202	#C9CDCA
16.7%	16.7% #CDCECD	RGB 205 206 205	#CDCECD
33.3%	33.3% #D2CFD1	RGB 210 207 209	#D2CFD1
50.0%	50.0% #D6D1D5	RGB 214 209 213	#D6D1D5
66.7%	66.7% #DBD2D8	RGB 219 210 216	#DBD2D8
83.3%	83.3% #DFD3DC	RGB 223 211 220	#DFD3DC
100.0%	100.0% #E4D5E0	RGB 228 213 224	#E4D5E0

#C9CDCA #CDCECD #D2CFD1 #D6D1D5 #DBD2D8 #DFD3DC #E4D5E0

#C9CDCA - #E4D5E0

HSV Blend

#C9CDCA - #E4D5E0 | 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 #C9CDCA as 0% and #E4D5E0 as 100%.

0.0%	0.0% #C9CDCA	RGB 201 205 202	#C9CDCA
16.7%	16.7% #CCD0CB	RGB 204 208 203	#CCD0CB
33.3%	33.3% #D2D4CD	RGB 210 212 205	#D2D4CD
50.0%	50.0% #D8D6CF	RGB 216 214 207	#D8D6CF
66.7%	66.7% #DCD4D1	RGB 220 212 209	#DCD4D1
83.3%	83.3% #E0D3D6	RGB 224 211 214	#E0D3D6
100.0%	100.0% #E4D5E0	RGB 228 213 224	#E4D5E0

#C9CDCA #CCD0CB #D2D4CD #D8D6CF #DCD4D1 #E0D3D6 #E4D5E0

#C9CDCA - #D8D6CF - #E4D5E0

CSS codes

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

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