#C0C7D6 - #CDEEEF | 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 #C0C7D6 to #CDEEEF

#C0C7D6 #CDEEEF

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

#C0C7D6 - #CDEEEF | 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 #C0C7D6 as 0% and #CDEEEF as 100%.

0.0%	0.0% #C0C7D6	RGB 192 199 214	#C0C7D6
16.7%	16.7% #C2CDDA	RGB 194 205 218	#C2CDDA
33.3%	33.3% #C4D4DE	RGB 196 212 222	#C4D4DE
50.0%	50.0% #C6DAE2	RGB 198 218 226	#C6DAE2
66.7%	66.7% #C8E1E6	RGB 200 225 230	#C8E1E6
83.3%	83.3% #CAE7EA	RGB 202 231 234	#CAE7EA
100.0%	100.0% #CDEEEF	RGB 205 238 239	#CDEEEF

#C0C7D6 #C2CDDA #C4D4DE #C6DAE2 #C8E1E6 #CAE7EA #CDEEEF

#C0C7D6 - #CDEEEF

HSV Blend

#C0C7D6 - #CDEEEF | 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 #C0C7D6 as 0% and #CDEEEF as 100%.

0.0%	0.0% #C0C7D6	RGB 192 199 214	#C0C7D6
16.7%	16.7% #C2CCDA	RGB 194 204 218	#C2CCDA
33.3%	33.3% #C4D2DE	RGB 196 210 222	#C4D2DE
50.0%	50.0% #C6D8E2	RGB 198 216 226	#C6D8E2
66.7%	66.7% #C8DFE6	RGB 200 223 230	#C8DFE6
83.3%	83.3% #CAE6EA	RGB 202 230 234	#CAE6EA
100.0%	100.0% #CDEEEF	RGB 205 238 239	#CDEEEF

#C0C7D6 #C2CCDA #C4D2DE #C6D8E2 #C8DFE6 #CAE6EA #CDEEEF

#C0C7D6 - #C6D8E2 - #CDEEEF

CSS codes

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

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