#C3CFCF - #D2EEE4 | 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 #C3CFCF to #D2EEE4

#C3CFCF #D2EEE4

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

#C3CFCF - #D2EEE4 | 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 #C3CFCF as 0% and #D2EEE4 as 100%.

0.0%	0.0% #C3CFCF	RGB 195 207 207	#C3CFCF
16.7%	16.7% #C5D4D2	RGB 197 212 210	#C5D4D2
33.3%	33.3% #C8D9D6	RGB 200 217 214	#C8D9D6
50.0%	50.0% #CADED9	RGB 202 222 217	#CADED9
66.7%	66.7% #CDE3DD	RGB 205 227 221	#CDE3DD
83.3%	83.3% #CFE8E0	RGB 207 232 224	#CFE8E0
100.0%	100.0% #D2EEE4	RGB 210 238 228	#D2EEE4

#C3CFCF #C5D4D2 #C8D9D6 #CADED9 #CDE3DD #CFE8E0 #D2EEE4

#C3CFCF - #D2EEE4

HSV Blend

#C3CFCF - #D2EEE4 | 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 #C3CFCF as 0% and #D2EEE4 as 100%.

0.0%	0.0% #C3CFCF	RGB 195 207 207	#C3CFCF
16.7%	16.7% #C5D4D3	RGB 197 212 211	#C5D4D3
33.3%	33.3% #C8D9D7	RGB 200 217 215	#C8D9D7
50.0%	50.0% #CADEDB	RGB 202 222 219	#CADEDB
66.7%	66.7% #CDE3DE	RGB 205 227 222	#CDE3DE
83.3%	83.3% #CFE8E1	RGB 207 232 225	#CFE8E1
100.0%	100.0% #D2EEE4	RGB 210 238 228	#D2EEE4

#C3CFCF #C5D4D3 #C8D9D7 #CADEDB #CDE3DE #CFE8E1 #D2EEE4

#C3CFCF - #CADEDB - #D2EEE4

CSS codes

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

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