#C0CCD4 - #CDEEE5 | 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 #C0CCD4 to #CDEEE5

#C0CCD4 #CDEEE5

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

#C0CCD4 - #CDEEE5 | 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 #C0CCD4 as 0% and #CDEEE5 as 100%.

0.0%	0.0% #C0CCD4	RGB 192 204 212	#C0CCD4
16.7%	16.7% #C2D1D6	RGB 194 209 214	#C2D1D6
33.3%	33.3% #C4D7D9	RGB 196 215 217	#C4D7D9
50.0%	50.0% #C6DDDC	RGB 198 221 220	#C6DDDC
66.7%	66.7% #C8E2DF	RGB 200 226 223	#C8E2DF
83.3%	83.3% #CAE8E2	RGB 202 232 226	#CAE8E2
100.0%	100.0% #CDEEE5	RGB 205 238 229	#CDEEE5

#C0CCD4 #C2D1D6 #C4D7D9 #C6DDDC #C8E2DF #CAE8E2 #CDEEE5

#C0CCD4 - #CDEEE5

HSV Blend

#C0CCD4 - #CDEEE5 | 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 #C0CCD4 as 0% and #CDEEE5 as 100%.

0.0%	0.0% #C0CCD4	RGB 192 204 212	#C0CCD4
16.7%	16.7% #C2D1D8	RGB 194 209 216	#C2D1D8
33.3%	33.3% #C4D8DC	RGB 196 216 220	#C4D8DC
50.0%	50.0% #C6DFE1	RGB 198 223 225	#C6DFE1
66.7%	66.7% #C8E5E3	RGB 200 229 227	#C8E5E3
83.3%	83.3% #CAE9E4	RGB 202 233 228	#CAE9E4
100.0%	100.0% #CDEEE5	RGB 205 238 229	#CDEEE5

#C0CCD4 #C2D1D8 #C4D8DC #C6DFE1 #C8E5E3 #CAE9E4 #CDEEE5

#C0CCD4 - #C6DFE1 - #CDEEE5

CSS codes

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

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