#C3C9CB - #EDEEF0 | 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 #C3C9CB to #EDEEF0

#C3C9CB #EDEEF0

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

#C3C9CB - #EDEEF0 | 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 #C3C9CB as 0% and #EDEEF0 as 100%.

0.0%	0.0% #C3C9CB	RGB 195 201 203	#C3C9CB
16.7%	16.7% #CACFD1	RGB 202 207 209	#CACFD1
33.3%	33.3% #D1D5D7	RGB 209 213 215	#D1D5D7
50.0%	50.0% #D8DBDD	RGB 216 219 221	#D8DBDD
66.7%	66.7% #DFE1E3	RGB 223 225 227	#DFE1E3
83.3%	83.3% #E6E7E9	RGB 230 231 233	#E6E7E9
100.0%	100.0% #EDEEF0	RGB 237 238 240	#EDEEF0

#C3C9CB #CACFD1 #D1D5D7 #D8DBDD #DFE1E3 #E6E7E9 #EDEEF0

#C3C9CB - #EDEEF0

HSV Blend

#C3C9CB - #EDEEF0 | 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 #C3C9CB as 0% and #EDEEF0 as 100%.

0.0%	0.0% #C3C9CB	RGB 195 201 203	#C3C9CB
16.7%	16.7% #C9CED1	RGB 201 206 209	#C9CED1
33.3%	33.3% #D0D4D7	RGB 208 212 215	#D0D4D7
50.0%	50.0% #D7DADD	RGB 215 218 221	#D7DADD
66.7%	66.7% #DEE1E3	RGB 222 225 227	#DEE1E3
83.3%	83.3% #E5E7E9	RGB 229 231 233	#E5E7E9
100.0%	100.0% #EDEEF0	RGB 237 238 240	#EDEEF0

#C3C9CB #C9CED1 #D0D4D7 #D7DADD #DEE1E3 #E5E7E9 #EDEEF0

#C3C9CB - #D7DADD - #EDEEF0

CSS codes

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

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