#C9C7C9 - #D5E6DB | 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 #C9C7C9 to #D5E6DB

#C9C7C9 #D5E6DB

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

#C9C7C9 - #D5E6DB | 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 #C9C7C9 as 0% and #D5E6DB as 100%.

0.0%	0.0% #C9C7C9	RGB 201 199 201	#C9C7C9
16.7%	16.7% #CBCCCC	RGB 203 204 204	#CBCCCC
33.3%	33.3% #CDD1CF	RGB 205 209 207	#CDD1CF
50.0%	50.0% #CFD6D2	RGB 207 214 210	#CFD6D2
66.7%	66.7% #D1DBD5	RGB 209 219 213	#D1DBD5
83.3%	83.3% #D3E0D8	RGB 211 224 216	#D3E0D8
100.0%	100.0% #D5E6DB	RGB 213 230 219	#D5E6DB

#C9C7C9 #CBCCCC #CDD1CF #CFD6D2 #D1DBD5 #D3E0D8 #D5E6DB

#C9C7C9 - #D5E6DB

HSV Blend

#C9C7C9 - #D5E6DB | 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 #C9C7C9 as 0% and #D5E6DB as 100%.

0.0%	0.0% #C9C7C9	RGB 201 199 201	#C9C7C9
16.7%	16.7% #CBC9CD	RGB 203 201 205	#CBC9CD
33.3%	33.3% #CCCCD2	RGB 204 204 210	#CCCCD2
50.0%	50.0% #CED1D7	RGB 206 209 215	#CED1D7
66.7%	66.7% #D0D9DC	RGB 208 217 220	#D0D9DC
83.3%	83.3% #D2E1DE	RGB 210 225 222	#D2E1DE
100.0%	100.0% #D5E6DB	RGB 213 230 219	#D5E6DB

#C9C7C9 #CBC9CD #CCCCD2 #CED1D7 #D0D9DC #D2E1DE #D5E6DB

#C9C7C9 - #CED1D7 - #D5E6DB

CSS codes

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

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