#C0C9CB - #C5E4CA | 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 #C0C9CB to #C5E4CA

#C0C9CB #C5E4CA

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

#C0C9CB - #C5E4CA | 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 #C0C9CB as 0% and #C5E4CA as 100%.

0.0%	0.0% #C0C9CB	RGB 192 201 203	#C0C9CB
16.7%	16.7% #C0CDCA	RGB 192 205 202	#C0CDCA
33.3%	33.3% #C1D2CA	RGB 193 210 202	#C1D2CA
50.0%	50.0% #C2D6CA	RGB 194 214 202	#C2D6CA
66.7%	66.7% #C3DBCA	RGB 195 219 202	#C3DBCA
83.3%	83.3% #C4DFCA	RGB 196 223 202	#C4DFCA
100.0%	100.0% #C5E4CA	RGB 197 228 202	#C5E4CA

#C0C9CB #C0CDCA #C1D2CA #C2D6CA #C3DBCA #C4DFCA #C5E4CA

#C0C9CB - #C5E4CA

HSV Blend

#C0C9CB - #C5E4CA | 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 #C0C9CB as 0% and #C5E4CA as 100%.

0.0%	0.0% #C0C9CB	RGB 192 201 203	#C0C9CB
16.7%	16.7% #C1CFCF	RGB 193 207 207	#C1CFCF
33.3%	33.3% #C2D3D0	RGB 194 211 208	#C2D3D0
50.0%	50.0% #C3D7D0	RGB 195 215 208	#C3D7D0
66.7%	66.7% #C3DBCF	RGB 195 219 207	#C3DBCF
83.3%	83.3% #C4DFCD	RGB 196 223 205	#C4DFCD
100.0%	100.0% #C5E4CA	RGB 197 228 202	#C5E4CA

#C0C9CB #C1CFCF #C2D3D0 #C3D7D0 #C3DBCF #C4DFCD #C5E4CA

#C0C9CB - #C3D7D0 - #C5E4CA

CSS codes

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

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