#C3C8C8 - #D3FFFF | 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 #C3C8C8 to #D3FFFF

#C3C8C8 #D3FFFF

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

#C3C8C8 - #D3FFFF | 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 #C3C8C8 as 0% and #D3FFFF as 100%.

0.0%	0.0% #C3C8C8	RGB 195 200 200	#C3C8C8
16.7%	16.7% #C5D1D1	RGB 197 209 209	#C5D1D1
33.3%	33.3% #C8DADA	RGB 200 218 218	#C8DADA
50.0%	50.0% #CBE3E3	RGB 203 227 227	#CBE3E3
66.7%	66.7% #CDECEC	RGB 205 236 236	#CDECEC
83.3%	83.3% #D0F5F5	RGB 208 245 245	#D0F5F5
100.0%	100.0% #D3FFFF	RGB 211 255 255	#D3FFFF

#C3C8C8 #C5D1D1 #C8DADA #CBE3E3 #CDECEC #D0F5F5 #D3FFFF

#C3C8C8 - #D3FFFF

HSV Blend

#C3C8C8 - #D3FFFF | 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 #C3C8C8 as 0% and #D3FFFF as 100%.

0.0%	0.0% #C3C8C8	RGB 195 200 200	#C3C8C8
16.7%	16.7% #C6D1D1	RGB 198 209 209	#C6D1D1
33.3%	33.3% #CADADA	RGB 202 218 218	#CADADA
50.0%	50.0% #CDE3E3	RGB 205 227 227	#CDE3E3
66.7%	66.7% #CFECEC	RGB 207 236 236	#CFECEC
83.3%	83.3% #D1F5F5	RGB 209 245 245	#D1F5F5
100.0%	100.0% #D3FFFF	RGB 211 255 255	#D3FFFF

#C3C8C8 #C6D1D1 #CADADA #CDE3E3 #CFECEC #D1F5F5 #D3FFFF

#C3C8C8 - #CDE3E3 - #D3FFFF

CSS codes

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

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