#C0DAD8 - #E7E0DF | 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 #C0DAD8 to #E7E0DF

#C0DAD8 #E7E0DF

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

#C0DAD8 - #E7E0DF | 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 #C0DAD8 as 0% and #E7E0DF as 100%.

0.0%	0.0% #C0DAD8	RGB 192 218 216	#C0DAD8
16.7%	16.7% #C6DBD9	RGB 198 219 217	#C6DBD9
33.3%	33.3% #CDDCDA	RGB 205 220 218	#CDDCDA
50.0%	50.0% #D3DDDB	RGB 211 221 219	#D3DDDB
66.7%	66.7% #DADEDC	RGB 218 222 220	#DADEDC
83.3%	83.3% #E0DFDD	RGB 224 223 221	#E0DFDD
100.0%	100.0% #E7E0DF	RGB 231 224 223	#E7E0DF

#C0DAD8 #C6DBD9 #CDDCDA #D3DDDB #DADEDC #E0DFDD #E7E0DF

#C0DAD8 - #E7E0DF

HSV Blend

#C0DAD8 - #E7E0DF | 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 #C0DAD8 as 0% and #E7E0DF as 100%.

0.0%	0.0% #C0DAD8	RGB 192 218 216	#C0DAD8
16.7%	16.7% #C5DCCF	RGB 197 220 207	#C5DCCF
33.3%	33.3% #CADECA	RGB 202 222 202	#CADECA
50.0%	50.0% #D7E0CF	RGB 215 224 207	#D7E0CF
66.7%	66.7% #E1E2D4	RGB 225 226 212	#E1E2D4
83.3%	83.3% #E4E0D9	RGB 228 224 217	#E4E0D9
100.0%	100.0% #E7E0DF	RGB 231 224 223	#E7E0DF

#C0DAD8 #C5DCCF #CADECA #D7E0CF #E1E2D4 #E4E0D9 #E7E0DF

#C0DAD8 - #D7E0CF - #E7E0DF

CSS codes

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

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