#C7C9C9 - #E6DAD5 | 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 #C7C9C9 to #E6DAD5

#C7C9C9 #E6DAD5

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

#C7C9C9 - #E6DAD5 | 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 #C7C9C9 as 0% and #E6DAD5 as 100%.

0.0%	0.0% #C7C9C9	RGB 199 201 201	#C7C9C9
16.7%	16.7% #CCCBCB	RGB 204 203 203	#CCCBCB
33.3%	33.3% #D1CECD	RGB 209 206 205	#D1CECD
50.0%	50.0% #D6D1CF	RGB 214 209 207	#D6D1CF
66.7%	66.7% #DBD4D1	RGB 219 212 209	#DBD4D1
83.3%	83.3% #E0D7D3	RGB 224 215 211	#E0D7D3
100.0%	100.0% #E6DAD5	RGB 230 218 213	#E6DAD5

#C7C9C9 #CCCBCB #D1CECD #D6D1CF #DBD4D1 #E0D7D3 #E6DAD5

#C7C9C9 - #E6DAD5

HSV Blend

#C7C9C9 - #E6DAD5 | 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 #C7C9C9 as 0% and #E6DAD5 as 100%.

0.0%	0.0% #C7C9C9	RGB 199 201 201	#C7C9C9
16.7%	16.7% #C9CDCB	RGB 201 205 203	#C9CDCB
33.3%	33.3% #CCD2CC	RGB 204 210 204	#CCD2CC
50.0%	50.0% #D1D7CE	RGB 209 215 206	#D1D7CE
66.7%	66.7% #DADCD0	RGB 218 220 208	#DADCD0
83.3%	83.3% #E1DDD2	RGB 225 221 210	#E1DDD2
100.0%	100.0% #E6DAD5	RGB 230 218 213	#E6DAD5

#C7C9C9 #C9CDCB #CCD2CC #D1D7CE #DADCD0 #E1DDD2 #E6DAD5

#C7C9C9 - #D1D7CE - #E6DAD5

CSS codes

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

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