#C0CDD7 - #E7E4DD | 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 #C0CDD7 to #E7E4DD

#C0CDD7 #E7E4DD

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

#C0CDD7 - #E7E4DD | 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 #C0CDD7 as 0% and #E7E4DD as 100%.

0.0%	0.0% #C0CDD7	RGB 192 205 215	#C0CDD7
16.7%	16.7% #C6D0D8	RGB 198 208 216	#C6D0D8
33.3%	33.3% #CDD4D9	RGB 205 212 217	#CDD4D9
50.0%	50.0% #D3D8DA	RGB 211 216 218	#D3D8DA
66.7%	66.7% #DADCDB	RGB 218 220 219	#DADCDB
83.3%	83.3% #E0E0DC	RGB 224 224 220	#E0E0DC
100.0%	100.0% #E7E4DD	RGB 231 228 221	#E7E4DD

#C0CDD7 #C6D0D8 #CDD4D9 #D3D8DA #DADCDB #E0E0DC #E7E4DD

#C0CDD7 - #E7E4DD

HSV Blend

#C0CDD7 - #E7E4DD | 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 #C0CDD7 as 0% and #E7E4DD as 100%.

0.0%	0.0% #C0CDD7	RGB 192 205 215	#C0CDD7
16.7%	16.7% #C4D9D9	RGB 196 217 217	#C4D9D9
33.3%	33.3% #C9DCD3	RGB 201 220 211	#C9DCD3
50.0%	50.0% #CEDFCF	RGB 206 223 207	#CEDFCF
66.7%	66.7% #D8E1D3	RGB 216 225 211	#D8E1D3
83.3%	83.3% #E2E4D8	RGB 226 228 216	#E2E4D8
100.0%	100.0% #E7E4DD	RGB 231 228 221	#E7E4DD

#C0CDD7 #C4D9D9 #C9DCD3 #CEDFCF #D8E1D3 #E2E4D8 #E7E4DD

#C0CDD7 - #CEDFCF - #E7E4DD

CSS codes

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

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