#C0C3C1 - #D5E6FF | 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 #C0C3C1 to #D5E6FF

#C0C3C1 #D5E6FF

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

#C0C3C1 - #D5E6FF | 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 #C0C3C1 as 0% and #D5E6FF as 100%.

0.0%	0.0% #C0C3C1	RGB 192 195 193	#C0C3C1
16.7%	16.7% #C3C8CB	RGB 195 200 203	#C3C8CB
33.3%	33.3% #C7CED5	RGB 199 206 213	#C7CED5
50.0%	50.0% #CAD4E0	RGB 202 212 224	#CAD4E0
66.7%	66.7% #CEDAEA	RGB 206 218 234	#CEDAEA
83.3%	83.3% #D1E0F4	RGB 209 224 244	#D1E0F4
100.0%	100.0% #D5E6FF	RGB 213 230 255	#D5E6FF

#C0C3C1 #C3C8CB #C7CED5 #CAD4E0 #CEDAEA #D1E0F4 #D5E6FF

#C0C3C1 - #D5E6FF

HSV Blend

#C0C3C1 - #D5E6FF | 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 #C0C3C1 as 0% and #D5E6FF as 100%.

0.0%	0.0% #C0C3C1	RGB 192 195 193	#C0C3C1
16.7%	16.7% #C4CDC9	RGB 196 205 201	#C4CDC9
33.3%	33.3% #C8D7D3	RGB 200 215 211	#C8D7D3
50.0%	50.0% #CCE1E0	RGB 204 225 224	#CCE1E0
66.7%	66.7% #CFE6EB	RGB 207 230 235	#CFE6EB
83.3%	83.3% #D2E7F5	RGB 210 231 245	#D2E7F5
100.0%	100.0% #D5E6FF	RGB 213 230 255	#D5E6FF

#C0C3C1 #C4CDC9 #C8D7D3 #CCE1E0 #CFE6EB #D2E7F5 #D5E6FF

#C0C3C1 - #CCE1E0 - #D5E6FF

CSS codes

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

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