#C5CCDC - #E1E3DF | 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 #C5CCDC to #E1E3DF

#C5CCDC #E1E3DF

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

#C5CCDC - #E1E3DF | 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 #C5CCDC as 0% and #E1E3DF as 100%.

0.0%	0.0% #C5CCDC	RGB 197 204 220	#C5CCDC
16.7%	16.7% #C9CFDC	RGB 201 207 220	#C9CFDC
33.3%	33.3% #CED3DD	RGB 206 211 221	#CED3DD
50.0%	50.0% #D3D7DD	RGB 211 215 221	#D3D7DD
66.7%	66.7% #D7DBDE	RGB 215 219 222	#D7DBDE
83.3%	83.3% #DCDFDE	RGB 220 223 222	#DCDFDE
100.0%	100.0% #E1E3DF	RGB 225 227 223	#E1E3DF

#C5CCDC #C9CFDC #CED3DD #D3D7DD #D7DBDE #DCDFDE #E1E3DF

#C5CCDC - #E1E3DF

HSV Blend

#C5CCDC - #E1E3DF | 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 #C5CCDC as 0% and #E1E3DF as 100%.

0.0%	0.0% #C5CCDC	RGB 197 204 220	#C5CCDC
16.7%	16.7% #C9D6DD	RGB 201 214 221	#C9D6DD
33.3%	33.3% #CDDEDD	RGB 205 222 221	#CDDEDD
50.0%	50.0% #D1DFDA	RGB 209 223 218	#D1DFDA
66.7%	66.7% #D6E0D8	RGB 214 224 216	#D6E0D8
83.3%	83.3% #DBE1DA	RGB 219 225 218	#DBE1DA
100.0%	100.0% #E1E3DF	RGB 225 227 223	#E1E3DF

#C5CCDC #C9D6DD #CDDEDD #D1DFDA #D6E0D8 #DBE1DA #E1E3DF

#C5CCDC - #D1DFDA - #E1E3DF

CSS codes

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

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