#C0C4CB - #C5E4D9 | 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 #C0C4CB to #C5E4D9

#C0C4CB #C5E4D9

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

#C0C4CB - #C5E4D9 | 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 #C0C4CB as 0% and #C5E4D9 as 100%.

0.0%	0.0% #C0C4CB	RGB 192 196 203	#C0C4CB
16.7%	16.7% #C0C9CD	RGB 192 201 205	#C0C9CD
33.3%	33.3% #C1CECF	RGB 193 206 207	#C1CECF
50.0%	50.0% #C2D4D2	RGB 194 212 210	#C2D4D2
66.7%	66.7% #C3D9D4	RGB 195 217 212	#C3D9D4
83.3%	83.3% #C4DED6	RGB 196 222 214	#C4DED6
100.0%	100.0% #C5E4D9	RGB 197 228 217	#C5E4D9

#C0C4CB #C0C9CD #C1CECF #C2D4D2 #C3D9D4 #C4DED6 #C5E4D9

#C0C4CB - #C5E4D9

HSV Blend

#C0C4CB - #C5E4D9 | 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 #C0C4CB as 0% and #C5E4D9 as 100%.

0.0%	0.0% #C0C4CB	RGB 192 196 203	#C0C4CB
16.7%	16.7% #C1C8CF	RGB 193 200 207	#C1C8CF
33.3%	33.3% #C2CED3	RGB 194 206 211	#C2CED3
50.0%	50.0% #C3D4D7	RGB 195 212 215	#C3D4D7
66.7%	66.7% #C3DBDB	RGB 195 219 219	#C3DBDB
83.3%	83.3% #C4DFDA	RGB 196 223 218	#C4DFDA
100.0%	100.0% #C5E4D9	RGB 197 228 217	#C5E4D9

#C0C4CB #C1C8CF #C2CED3 #C3D4D7 #C3DBDB #C4DFDA #C5E4D9

#C0C4CB - #C3D4D7 - #C5E4D9

CSS codes

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

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