#C0C9CF - #E7E3D9 | 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 #C0C9CF to #E7E3D9

#C0C9CF #E7E3D9

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

#C0C9CF - #E7E3D9 | 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 #C0C9CF as 0% and #E7E3D9 as 100%.

0.0%	0.0% #C0C9CF	RGB 192 201 207	#C0C9CF
16.7%	16.7% #C6CDD0	RGB 198 205 208	#C6CDD0
33.3%	33.3% #CDD1D2	RGB 205 209 210	#CDD1D2
50.0%	50.0% #D3D6D4	RGB 211 214 212	#D3D6D4
66.7%	66.7% #DADAD5	RGB 218 218 213	#DADAD5
83.3%	83.3% #E0DED7	RGB 224 222 215	#E0DED7
100.0%	100.0% #E7E3D9	RGB 231 227 217	#E7E3D9

#C0C9CF #C6CDD0 #CDD1D2 #D3D6D4 #DADAD5 #E0DED7 #E7E3D9

#C0C9CF - #E7E3D9

HSV Blend

#C0C9CF - #E7E3D9 | 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 #C0C9CF as 0% and #E7E3D9 as 100%.

0.0%	0.0% #C0C9CF	RGB 192 201 207	#C0C9CF
16.7%	16.7% #C4D3D2	RGB 196 211 210	#C4D3D2
33.3%	33.3% #C8D7CF	RGB 200 215 207	#C8D7CF
50.0%	50.0% #CCDBCD	RGB 204 219 205	#CCDBCD
66.7%	66.7% #D6DFD0	RGB 214 223 208	#D6DFD0
83.3%	83.3% #E0E3D4	RGB 224 227 212	#E0E3D4
100.0%	100.0% #E7E3D9	RGB 231 227 217	#E7E3D9

#C0C9CF #C4D3D2 #C8D7CF #CCDBCD #D6DFD0 #E0E3D4 #E7E3D9

#C0C9CF - #CCDBCD - #E7E3D9

CSS codes

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

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