#C0CCD5 - #E7E4DC | 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 #C0CCD5 to #E7E4DC

#C0CCD5 #E7E4DC

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

#C0CCD5 - #E7E4DC | 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 #C0CCD5 as 0% and #E7E4DC as 100%.

0.0%	0.0% #C0CCD5	RGB 192 204 213	#C0CCD5
16.7%	16.7% #C6D0D6	RGB 198 208 214	#C6D0D6
33.3%	33.3% #CDD4D7	RGB 205 212 215	#CDD4D7
50.0%	50.0% #D3D8D8	RGB 211 216 216	#D3D8D8
66.7%	66.7% #DADCD9	RGB 218 220 217	#DADCD9
83.3%	83.3% #E0E0DA	RGB 224 224 218	#E0E0DA
100.0%	100.0% #E7E4DC	RGB 231 228 220	#E7E4DC

#C0CCD5 #C6D0D6 #CDD4D7 #D3D8D8 #DADCD9 #E0E0DA #E7E4DC

#C0CCD5 - #E7E4DC

HSV Blend

#C0CCD5 - #E7E4DC | 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 #C0CCD5 as 0% and #E7E4DC as 100%.

0.0%	0.0% #C0CCD5	RGB 192 204 213	#C0CCD5
16.7%	16.7% #C4D8D7	RGB 196 216 215	#C4D8D7
33.3%	33.3% #C9DBD2	RGB 201 219 210	#C9DBD2
50.0%	50.0% #CDDECF	RGB 205 222 207	#CDDECF
66.7%	66.7% #D7E1D2	RGB 215 225 210	#D7E1D2
83.3%	83.3% #E1E4D7	RGB 225 228 215	#E1E4D7
100.0%	100.0% #E7E4DC	RGB 231 228 220	#E7E4DC

#C0CCD5 #C4D8D7 #C9DBD2 #CDDECF #D7E1D2 #E1E4D7 #E7E4DC

#C0CCD5 - #CDDECF - #E7E4DC

CSS codes

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

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