#C0CCDF - #E2E3E0 | 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 #C0CCDF to #E2E3E0

#C0CCDF #E2E3E0

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

#C0CCDF - #E2E3E0 | 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 #C0CCDF as 0% and #E2E3E0 as 100%.

0.0%	0.0% #C0CCDF	RGB 192 204 223	#C0CCDF
16.7%	16.7% #C5CFDF	RGB 197 207 223	#C5CFDF
33.3%	33.3% #CBD3DF	RGB 203 211 223	#CBD3DF
50.0%	50.0% #D1D7DF	RGB 209 215 223	#D1D7DF
66.7%	66.7% #D6DBDF	RGB 214 219 223	#D6DBDF
83.3%	83.3% #DCDFDF	RGB 220 223 223	#DCDFDF
100.0%	100.0% #E2E3E0	RGB 226 227 224	#E2E3E0

#C0CCDF #C5CFDF #CBD3DF #D1D7DF #D6DBDF #DCDFDF #E2E3E0

#C0CCDF - #E2E3E0

HSV Blend

#C0CCDF - #E2E3E0 | 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 #C0CCDF as 0% and #E2E3E0 as 100%.

0.0%	0.0% #C0CCDF	RGB 192 204 223	#C0CCDF
16.7%	16.7% #C5D9DF	RGB 197 217 223	#C5D9DF
33.3%	33.3% #CAE0DD	RGB 202 224 221	#CAE0DD
50.0%	50.0% #CFE1D7	RGB 207 225 215	#CFE1D7
66.7%	66.7% #D5E1D6	RGB 213 225 214	#D5E1D6
83.3%	83.3% #DCE2DA	RGB 220 226 218	#DCE2DA
100.0%	100.0% #E2E3E0	RGB 226 227 224	#E2E3E0

#C0CCDF #C5D9DF #CAE0DD #CFE1D7 #D5E1D6 #DCE2DA #E2E3E0

#C0CCDF - #CFE1D7 - #E2E3E0

CSS codes

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

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