#C0C8C0 - #D3FFD7 | 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 #C0C8C0 to #D3FFD7

#C0C8C0 #D3FFD7

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

#C0C8C0 - #D3FFD7 | 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 #C0C8C0 as 0% and #D3FFD7 as 100%.

0.0%	0.0% #C0C8C0	RGB 192 200 192	#C0C8C0
16.7%	16.7% #C3D1C3	RGB 195 209 195	#C3D1C3
33.3%	33.3% #C6DAC7	RGB 198 218 199	#C6DAC7
50.0%	50.0% #C9E3CB	RGB 201 227 203	#C9E3CB
66.7%	66.7% #CCECCF	RGB 204 236 207	#CCECCF
83.3%	83.3% #CFF5D3	RGB 207 245 211	#CFF5D3
100.0%	100.0% #D3FFD7	RGB 211 255 215	#D3FFD7

#C0C8C0 #C3D1C3 #C6DAC7 #C9E3CB #CCECCF #CFF5D3 #D3FFD7

#C0C8C0 - #D3FFD7

HSV Blend

#C0C8C0 - #D3FFD7 | 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 #C0C8C0 as 0% and #D3FFD7 as 100%.

0.0%	0.0% #C0C8C0	RGB 192 200 192	#C0C8C0
16.7%	16.7% #C4D1C4	RGB 196 209 196	#C4D1C4
33.3%	33.3% #C7DAC8	RGB 199 218 200	#C7DAC8
50.0%	50.0% #CBE3CC	RGB 203 227 204	#CBE3CC
66.7%	66.7% #CEECD0	RGB 206 236 208	#CEECD0
83.3%	83.3% #D0F5D3	RGB 208 245 211	#D0F5D3
100.0%	100.0% #D3FFD7	RGB 211 255 215	#D3FFD7

#C0C8C0 #C4D1C4 #C7DAC8 #CBE3CC #CEECD0 #D0F5D3 #D3FFD7

#C0C8C0 - #CBE3CC - #D3FFD7

CSS codes

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

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