#C7EDEF - #D5E9DC | 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 #C7EDEF to #D5E9DC

#C7EDEF #D5E9DC

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

#C7EDEF - #D5E9DC | 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 #C7EDEF as 0% and #D5E9DC as 100%.

0.0%	0.0% #C7EDEF	RGB 199 237 239	#C7EDEF
16.7%	16.7% #C9ECEB	RGB 201 236 235	#C9ECEB
33.3%	33.3% #CBEBE8	RGB 203 235 232	#CBEBE8
50.0%	50.0% #CEEBE5	RGB 206 235 229	#CEEBE5
66.7%	66.7% #D0EAE2	RGB 208 234 226	#D0EAE2
83.3%	83.3% #D2E9DF	RGB 210 233 223	#D2E9DF
100.0%	100.0% #D5E9DC	RGB 213 233 220	#D5E9DC

#C7EDEF #C9ECEB #CBEBE8 #CEEBE5 #D0EAE2 #D2E9DF #D5E9DC

#C7EDEF - #D5E9DC

HSV Blend

#C7EDEF - #D5E9DC | 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 #C7EDEF as 0% and #D5E9DC as 100%.

0.0%	0.0% #C7EDEF	RGB 199 237 239	#C7EDEF
16.7%	16.7% #C9EEEB	RGB 201 238 235	#C9EEEB
33.3%	33.3% #CBEDE6	RGB 203 237 230	#CBEDE6
50.0%	50.0% #CEECE3	RGB 206 236 227	#CEECE3
66.7%	66.7% #D0EBDF	RGB 208 235 223	#D0EBDF
83.3%	83.3% #D2EADD	RGB 210 234 221	#D2EADD
100.0%	100.0% #D5E9DC	RGB 213 233 220	#D5E9DC

#C7EDEF #C9EEEB #CBEDE6 #CEECE3 #D0EBDF #D2EADD #D5E9DC

#C7EDEF - #CEECE3 - #D5E9DC

CSS codes

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

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