#C0CFC1 - #D9FCFF | 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 #C0CFC1 to #D9FCFF

#C0CFC1 #D9FCFF

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

#C0CFC1 - #D9FCFF | 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 #C0CFC1 as 0% and #D9FCFF as 100%.

0.0%	0.0% #C0CFC1	RGB 192 207 193	#C0CFC1
16.7%	16.7% #C4D6CB	RGB 196 214 203	#C4D6CB
33.3%	33.3% #C8DED5	RGB 200 222 213	#C8DED5
50.0%	50.0% #CCE5E0	RGB 204 229 224	#CCE5E0
66.7%	66.7% #D0EDEA	RGB 208 237 234	#D0EDEA
83.3%	83.3% #D4F4F4	RGB 212 244 244	#D4F4F4
100.0%	100.0% #D9FCFF	RGB 217 252 255	#D9FCFF

#C0CFC1 #C4D6CB #C8DED5 #CCE5E0 #D0EDEA #D4F4F4 #D9FCFF

#C0CFC1 - #D9FCFF

HSV Blend

#C0CFC1 - #D9FCFF | 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 #C0CFC1 as 0% and #D9FCFF as 100%.

0.0%	0.0% #C0CFC1	RGB 192 207 193	#C0CFC1
16.7%	16.7% #C4D7C8	RGB 196 215 200	#C4D7C8
33.3%	33.3% #C9DFD1	RGB 201 223 209	#C9DFD1
50.0%	50.0% #CDE7DC	RGB 205 231 220	#CDE7DC
66.7%	66.7% #D1EFE7	RGB 209 239 231	#D1EFE7
83.3%	83.3% #D5F7F3	RGB 213 247 243	#D5F7F3
100.0%	100.0% #D9FCFF	RGB 217 252 255	#D9FCFF

#C0CFC1 #C4D7C8 #C9DFD1 #CDE7DC #D1EFE7 #D5F7F3 #D9FCFF

#C0CFC1 - #CDE7DC - #D9FCFF

CSS codes

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

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