#C7CBCF - #E3DED6 | 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 #C7CBCF to #E3DED6

#C7CBCF #E3DED6

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

#C7CBCF - #E3DED6 | 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 #C7CBCF as 0% and #E3DED6 as 100%.

0.0%	0.0% #C7CBCF	RGB 199 203 207	#C7CBCF
16.7%	16.7% #CBCED0	RGB 203 206 208	#CBCED0
33.3%	33.3% #D0D1D1	RGB 208 209 209	#D0D1D1
50.0%	50.0% #D5D4D2	RGB 213 212 210	#D5D4D2
66.7%	66.7% #D9D7D3	RGB 217 215 211	#D9D7D3
83.3%	83.3% #DEDAD4	RGB 222 218 212	#DEDAD4
100.0%	100.0% #E3DED6	RGB 227 222 214	#E3DED6

#C7CBCF #CBCED0 #D0D1D1 #D5D4D2 #D9D7D3 #DEDAD4 #E3DED6

#C7CBCF - #E3DED6

HSV Blend

#C7CBCF - #E3DED6 | 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 #C7CBCF as 0% and #E3DED6 as 100%.

0.0%	0.0% #C7CBCF	RGB 199 203 207	#C7CBCF
16.7%	16.7% #C9D2D2	RGB 201 210 210	#C9D2D2
33.3%	33.3% #CCD5D1	RGB 204 213 209	#CCD5D1
50.0%	50.0% #CED9CF	RGB 206 217 207	#CED9CF
66.7%	66.7% #D5DCD1	RGB 213 220 209	#D5DCD1
83.3%	83.3% #DEDFD3	RGB 222 223 211	#DEDFD3
100.0%	100.0% #E3DED6	RGB 227 222 214	#E3DED6

#C7CBCF #C9D2D2 #CCD5D1 #CED9CF #D5DCD1 #DEDFD3 #E3DED6

#C7CBCF - #CED9CF - #E3DED6

CSS codes

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

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