#C0D4ED - #EDF2F9 | 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 #C0D4ED to #EDF2F9

#C0D4ED #EDF2F9

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

#C0D4ED - #EDF2F9 | 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 #C0D4ED as 0% and #EDF2F9 as 100%.

0.0%	0.0% #C0D4ED	RGB 192 212 237	#C0D4ED
16.7%	16.7% #C7D9EF	RGB 199 217 239	#C7D9EF
33.3%	33.3% #CFDEF1	RGB 207 222 241	#CFDEF1
50.0%	50.0% #D6E3F3	RGB 214 227 243	#D6E3F3
66.7%	66.7% #DEE8F5	RGB 222 232 245	#DEE8F5
83.3%	83.3% #E5EDF7	RGB 229 237 247	#E5EDF7
100.0%	100.0% #EDF2F9	RGB 237 242 249	#EDF2F9

#C0D4ED #C7D9EF #CFDEF1 #D6E3F3 #DEE8F5 #E5EDF7 #EDF2F9

#C0D4ED - #EDF2F9

HSV Blend

#C0D4ED - #EDF2F9 | 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 #C0D4ED as 0% and #EDF2F9 as 100%.

0.0%	0.0% #C0D4ED	RGB 192 212 237	#C0D4ED
16.7%	16.7% #C7D8EF	RGB 199 216 239	#C7D8EF
33.3%	33.3% #CEDDF1	RGB 206 221 241	#CEDDF1
50.0%	50.0% #D6E2F3	RGB 214 226 243	#D6E2F3
66.7%	66.7% #DDE7F5	RGB 221 231 245	#DDE7F5
83.3%	83.3% #E5ECF7	RGB 229 236 247	#E5ECF7
100.0%	100.0% #EDF2F9	RGB 237 242 249	#EDF2F9

#C0D4ED #C7D8EF #CEDDF1 #D6E2F3 #DDE7F5 #E5ECF7 #EDF2F9

#C0D4ED - #D6E2F3 - #EDF2F9

CSS codes

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

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