#C0DCE5 - #ECE7E7 | 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 #C0DCE5 to #ECE7E7

#C0DCE5 #ECE7E7

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

#C0DCE5 - #ECE7E7 | 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 #C0DCE5 as 0% and #ECE7E7 as 100%.

0.0%	0.0% #C0DCE5	RGB 192 220 229	#C0DCE5
16.7%	16.7% #C7DDE5	RGB 199 221 229	#C7DDE5
33.3%	33.3% #CEDFE5	RGB 206 223 229	#CEDFE5
50.0%	50.0% #D6E1E6	RGB 214 225 230	#D6E1E6
66.7%	66.7% #DDE3E6	RGB 221 227 230	#DDE3E6
83.3%	83.3% #E4E5E6	RGB 228 229 230	#E4E5E6
100.0%	100.0% #ECE7E7	RGB 236 231 231	#ECE7E7

#C0DCE5 #C7DDE5 #CEDFE5 #D6E1E6 #DDE3E6 #E4E5E6 #ECE7E7

#C0DCE5 - #ECE7E7

HSV Blend

#C0DCE5 - #ECE7E7 | 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 #C0DCE5 as 0% and #ECE7E7 as 100%.

0.0%	0.0% #C0DCE5	RGB 192 220 229	#C0DCE5
16.7%	16.7% #C6CFE6	RGB 198 207 230	#C6CFE6
33.3%	33.3% #D1CCE7	RGB 209 204 231	#D1CCE7
50.0%	50.0% #E0D3E8	RGB 224 211 232	#E0D3E8
66.7%	66.7% #E9D9E8	RGB 233 217 232	#E9D9E8
83.3%	83.3% #EAE0E5	RGB 234 224 229	#EAE0E5
100.0%	100.0% #ECE7E7	RGB 236 231 231	#ECE7E7

#C0DCE5 #C6CFE6 #D1CCE7 #E0D3E8 #E9D9E8 #EAE0E5 #ECE7E7

#C0DCE5 - #E0D3E8 - #ECE7E7

CSS codes

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

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