#C3C8C9 - #C6E3D3 | 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 #C3C8C9 to #C6E3D3

#C3C8C9 #C6E3D3

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

#C3C8C9 - #C6E3D3 | 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 #C3C8C9 as 0% and #C6E3D3 as 100%.

0.0%	0.0% #C3C8C9	RGB 195 200 201	#C3C8C9
16.7%	16.7% #C3CCCA	RGB 195 204 202	#C3CCCA
33.3%	33.3% #C4D1CC	RGB 196 209 204	#C4D1CC
50.0%	50.0% #C4D5CE	RGB 196 213 206	#C4D5CE
66.7%	66.7% #C5DACF	RGB 197 218 207	#C5DACF
83.3%	83.3% #C5DED1	RGB 197 222 209	#C5DED1
100.0%	100.0% #C6E3D3	RGB 198 227 211	#C6E3D3

#C3C8C9 #C3CCCA #C4D1CC #C4D5CE #C5DACF #C5DED1 #C6E3D3

#C3C8C9 - #C6E3D3

HSV Blend

#C3C8C9 - #C6E3D3 | 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 #C3C8C9 as 0% and #C6E3D3 as 100%.

0.0%	0.0% #C3C8C9	RGB 195 200 201	#C3C8C9
16.7%	16.7% #C3CCCD	RGB 195 204 205	#C3CCCD
33.3%	33.3% #C4D1D0	RGB 196 209 208	#C4D1D0
50.0%	50.0% #C5D6D2	RGB 197 214 210	#C5D6D2
66.7%	66.7% #C5DAD3	RGB 197 218 211	#C5DAD3
83.3%	83.3% #C5DED3	RGB 197 222 211	#C5DED3
100.0%	100.0% #C6E3D3	RGB 198 227 211	#C6E3D3

#C3C8C9 #C3CCCD #C4D1D0 #C5D6D2 #C5DAD3 #C5DED3 #C6E3D3

#C3C8C9 - #C5D6D2 - #C6E3D3

CSS codes

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

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