#C2C9CD - #D5E9EF | 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 #C2C9CD to #D5E9EF

#C2C9CD #D5E9EF

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

#C2C9CD - #D5E9EF | 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 #C2C9CD as 0% and #D5E9EF as 100%.

0.0%	0.0% #C2C9CD	RGB 194 201 205	#C2C9CD
16.7%	16.7% #C5CED2	RGB 197 206 210	#C5CED2
33.3%	33.3% #C8D3D8	RGB 200 211 216	#C8D3D8
50.0%	50.0% #CBD9DE	RGB 203 217 222	#CBD9DE
66.7%	66.7% #CEDEE3	RGB 206 222 227	#CEDEE3
83.3%	83.3% #D1E3E9	RGB 209 227 233	#D1E3E9
100.0%	100.0% #D5E9EF	RGB 213 233 239	#D5E9EF

#C2C9CD #C5CED2 #C8D3D8 #CBD9DE #CEDEE3 #D1E3E9 #D5E9EF

#C2C9CD - #D5E9EF

HSV Blend

#C2C9CD - #D5E9EF | 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 #C2C9CD as 0% and #D5E9EF as 100%.

0.0%	0.0% #C2C9CD	RGB 194 201 205	#C2C9CD
16.7%	16.7% #C5CED2	RGB 197 206 210	#C5CED2
33.3%	33.3% #C8D3D8	RGB 200 211 216	#C8D3D8
50.0%	50.0% #CBD8DE	RGB 203 216 222	#CBD8DE
66.7%	66.7% #CFDEE3	RGB 207 222 227	#CFDEE3
83.3%	83.3% #D2E3E9	RGB 210 227 233	#D2E3E9
100.0%	100.0% #D5E9EF	RGB 213 233 239	#D5E9EF

#C2C9CD #C5CED2 #C8D3D8 #CBD8DE #CFDEE3 #D2E3E9 #D5E9EF

#C2C9CD - #CBD8DE - #D5E9EF

CSS codes

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

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