#C9CFD6 - #CEECE0 | 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 #C9CFD6 to #CEECE0

#C9CFD6 #CEECE0

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

#C9CFD6 - #CEECE0 | 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 #C9CFD6 as 0% and #CEECE0 as 100%.

0.0%	0.0% #C9CFD6	RGB 201 207 214	#C9CFD6
16.7%	16.7% #C9D3D7	RGB 201 211 215	#C9D3D7
33.3%	33.3% #CAD8D9	RGB 202 216 217	#CAD8D9
50.0%	50.0% #CBDDDB	RGB 203 221 219	#CBDDDB
66.7%	66.7% #CCE2DC	RGB 204 226 220	#CCE2DC
83.3%	83.3% #CDE7DE	RGB 205 231 222	#CDE7DE
100.0%	100.0% #CEECE0	RGB 206 236 224	#CEECE0

#C9CFD6 #C9D3D7 #CAD8D9 #CBDDDB #CCE2DC #CDE7DE #CEECE0

#C9CFD6 - #CEECE0

HSV Blend

#C9CFD6 - #CEECE0 | 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 #C9CFD6 as 0% and #CEECE0 as 100%.

0.0%	0.0% #C9CFD6	RGB 201 207 214	#C9CFD6
16.7%	16.7% #CAD3D9	RGB 202 211 217	#CAD3D9
33.3%	33.3% #CAD9DD	RGB 202 217 221	#CAD9DD
50.0%	50.0% #CBDFE1	RGB 203 223 225	#CBDFE1
66.7%	66.7% #CCE4E2	RGB 204 228 226	#CCE4E2
83.3%	83.3% #CDE8E1	RGB 205 232 225	#CDE8E1
100.0%	100.0% #CEECE0	RGB 206 236 224	#CEECE0

#C9CFD6 #CAD3D9 #CAD9DD #CBDFE1 #CCE4E2 #CDE8E1 #CEECE0

#C9CFD6 - #CBDFE1 - #CEECE0

CSS codes

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

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