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

#C0CEC1 #D9FCFF

Calculate the color between two colors, #C0CEC1 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)

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

0.0%	0.0% #C0CEC1	RGB 192 206 193	#C0CEC1
16.7%	16.7% #C4D5CB	RGB 196 213 203	#C4D5CB
33.3%	33.3% #C8DDD5	RGB 200 221 213	#C8DDD5
50.0%	50.0% #CCE5E0	RGB 204 229 224	#CCE5E0
66.7%	66.7% #D0ECEA	RGB 208 236 234	#D0ECEA
83.3%	83.3% #D4F4F4	RGB 212 244 244	#D4F4F4
100.0%	100.0% #D9FCFF	RGB 217 252 255	#D9FCFF

#C0CEC1 #C4D5CB #C8DDD5 #CCE5E0 #D0ECEA #D4F4F4 #D9FCFF

#C0CEC1 - #D9FCFF

HSV Blend

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

0.0%	0.0% #C0CEC1	RGB 192 206 193	#C0CEC1
16.7%	16.7% #C4D6C8	RGB 196 214 200	#C4D6C8
33.3%	33.3% #C9DED1	RGB 201 222 209	#C9DED1
50.0%	50.0% #CDE6DB	RGB 205 230 219	#CDE6DB
66.7%	66.7% #D1EEE7	RGB 209 238 231	#D1EEE7
83.3%	83.3% #D5F6F3	RGB 213 246 243	#D5F6F3
100.0%	100.0% #D9FCFF	RGB 217 252 255	#D9FCFF

#C0CEC1 #C4D6C8 #C9DED1 #CDE6DB #D1EEE7 #D5F6F3 #D9FCFF

#C0CEC1 - #CDE6DB - #D9FCFF

CSS codes

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

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