#C7D0ED - #DDE5E9 | 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 #C7D0ED to #DDE5E9

#C7D0ED #DDE5E9

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

#C7D0ED - #DDE5E9 | 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 #C7D0ED as 0% and #DDE5E9 as 100%.

0.0%	0.0% #C7D0ED	RGB 199 208 237	#C7D0ED
16.7%	16.7% #CAD3EC	RGB 202 211 236	#CAD3EC
33.3%	33.3% #CED7EB	RGB 206 215 235	#CED7EB
50.0%	50.0% #D2DAEB	RGB 210 218 235	#D2DAEB
66.7%	66.7% #D5DEEA	RGB 213 222 234	#D5DEEA
83.3%	83.3% #D9E1E9	RGB 217 225 233	#D9E1E9
100.0%	100.0% #DDE5E9	RGB 221 229 233	#DDE5E9

#C7D0ED #CAD3EC #CED7EB #D2DAEB #D5DEEA #D9E1E9 #DDE5E9

#C7D0ED - #DDE5E9

HSV Blend

#C7D0ED - #DDE5E9 | 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 #C7D0ED as 0% and #DDE5E9 as 100%.

0.0%	0.0% #C7D0ED	RGB 199 208 237	#C7D0ED
16.7%	16.7% #CAD5EC	RGB 202 213 236	#CAD5EC
33.3%	33.3% #CED9EB	RGB 206 217 235	#CED9EB
50.0%	50.0% #D2DDEB	RGB 210 221 235	#D2DDEB
66.7%	66.7% #D5E0EA	RGB 213 224 234	#D5E0EA
83.3%	83.3% #D9E3E9	RGB 217 227 233	#D9E3E9
100.0%	100.0% #DDE5E9	RGB 221 229 233	#DDE5E9

#C7D0ED #CAD5EC #CED9EB #D2DDEB #D5E0EA #D9E3E9 #DDE5E9

#C7D0ED - #D2DDEB - #DDE5E9

CSS codes

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

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