#C0DFEF - #E9E7EB | 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 #C0DFEF to #E9E7EB

#C0DFEF #E9E7EB

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

#C0DFEF - #E9E7EB | 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 #C0DFEF as 0% and #E9E7EB as 100%.

0.0%	0.0% #C0DFEF	RGB 192 223 239	#C0DFEF
16.7%	16.7% #C6E0EE	RGB 198 224 238	#C6E0EE
33.3%	33.3% #CDE1ED	RGB 205 225 237	#CDE1ED
50.0%	50.0% #D4E3ED	RGB 212 227 237	#D4E3ED
66.7%	66.7% #DBE4EC	RGB 219 228 236	#DBE4EC
83.3%	83.3% #E2E5EB	RGB 226 229 235	#E2E5EB
100.0%	100.0% #E9E7EB	RGB 233 231 235	#E9E7EB

#C0DFEF #C6E0EE #CDE1ED #D4E3ED #DBE4EC #E2E5EB #E9E7EB

#C0DFEF - #E9E7EB

HSV Blend

#C0DFEF - #E9E7EB | 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 #C0DFEF as 0% and #E9E7EB as 100%.

0.0%	0.0% #C0DFEF	RGB 192 223 239	#C0DFEF
16.7%	16.7% #C6D9EE	RGB 198 217 238	#C6D9EE
33.3%	33.3% #CDD6ED	RGB 205 214 237	#CDD6ED
50.0%	50.0% #D3D5ED	RGB 211 213 237	#D3D5ED
66.7%	66.7% #DCDAEC	RGB 220 218 236	#DCDAEC
83.3%	83.3% #E3E0EB	RGB 227 224 235	#E3E0EB
100.0%	100.0% #E9E7EB	RGB 233 231 235	#E9E7EB

#C0DFEF #C6D9EE #CDD6ED #D3D5ED #DCDAEC #E3E0EB #E9E7EB

#C0DFEF - #D3D5ED - #E9E7EB

CSS codes

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

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