#C7D3CC - #ECCDFF | 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 #C7D3CC to #ECCDFF

#C7D3CC #ECCDFF

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

#C7D3CC - #ECCDFF | 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 #C7D3CC as 0% and #ECCDFF as 100%.

0.0%	0.0% #C7D3CC	RGB 199 211 204	#C7D3CC
16.7%	16.7% #CDD2D4	RGB 205 210 212	#CDD2D4
33.3%	33.3% #D3D1DD	RGB 211 209 221	#D3D1DD
50.0%	50.0% #D9D0E5	RGB 217 208 229	#D9D0E5
66.7%	66.7% #DFCFEE	RGB 223 207 238	#DFCFEE
83.3%	83.3% #E5CEF6	RGB 229 206 246	#E5CEF6
100.0%	100.0% #ECCDFF	RGB 236 205 255	#ECCDFF

#C7D3CC #CDD2D4 #D3D1DD #D9D0E5 #DFCFEE #E5CEF6 #ECCDFF

#C7D3CC - #ECCDFF

HSV Blend

#C7D3CC - #ECCDFF | 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 #C7D3CC as 0% and #ECCDFF as 100%.

0.0%	0.0% #C7D3CC	RGB 199 211 204	#C7D3CC
16.7%	16.7% #C8DAD6	RGB 200 218 214	#C8DAD6
33.3%	33.3% #CADEE1	RGB 202 222 225	#CADEE1
50.0%	50.0% #CBD9E9	RGB 203 217 233	#CBD9E9
66.7%	66.7% #CCD0F0	RGB 204 208 240	#CCD0F0
83.3%	83.3% #D7CCF7	RGB 215 204 247	#D7CCF7
100.0%	100.0% #ECCDFF	RGB 236 205 255	#ECCDFF

#C7D3CC #C8DAD6 #CADEE1 #CBD9E9 #CCD0F0 #D7CCF7 #ECCDFF

#C7D3CC - #CBD9E9 - #ECCDFF

CSS codes

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

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