#C7CCCE - #DCEAFF | 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 #C7CCCE to #DCEAFF

#C7CCCE #DCEAFF

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

#C7CCCE - #DCEAFF | 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 #C7CCCE as 0% and #DCEAFF as 100%.

0.0%	0.0% #C7CCCE	RGB 199 204 206	#C7CCCE
16.7%	16.7% #CAD1D6	RGB 202 209 214	#CAD1D6
33.3%	33.3% #CED6DE	RGB 206 214 222	#CED6DE
50.0%	50.0% #D1DBE6	RGB 209 219 230	#D1DBE6
66.7%	66.7% #D5E0EE	RGB 213 224 238	#D5E0EE
83.3%	83.3% #D8E5F6	RGB 216 229 246	#D8E5F6
100.0%	100.0% #DCEAFF	RGB 220 234 255	#DCEAFF

#C7CCCE #CAD1D6 #CED6DE #D1DBE6 #D5E0EE #D8E5F6 #DCEAFF

#C7CCCE - #DCEAFF

HSV Blend

#C7CCCE - #DCEAFF | 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 #C7CCCE as 0% and #DCEAFF as 100%.

0.0%	0.0% #C7CCCE	RGB 199 204 206	#C7CCCE
16.7%	16.7% #CBD2D6	RGB 203 210 214	#CBD2D6
33.3%	33.3% #CFD8DE	RGB 207 216 222	#CFD8DE
50.0%	50.0% #D2DDE6	RGB 210 221 230	#D2DDE6
66.7%	66.7% #D6E2EE	RGB 214 226 238	#D6E2EE
83.3%	83.3% #D9E6F6	RGB 217 230 246	#D9E6F6
100.0%	100.0% #DCEAFF	RGB 220 234 255	#DCEAFF

#C7CCCE #CBD2D6 #CFD8DE #D2DDE6 #D6E2EE #D9E6F6 #DCEAFF

#C7CCCE - #D2DDE6 - #DCEAFF

CSS codes

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

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