#E6E3E3 - #C0A196 | 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 #E6E3E3 to #C0A196

#E6E3E3 #C0A196

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

#E6E3E3 - #C0A196 | 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 #E6E3E3 as 0% and #C0A196 as 100%.

0.0%	0.0% #E6E3E3	RGB 230 227 227	#E6E3E3
16.7%	16.7% #DFD8D6	RGB 223 216 214	#DFD8D6
33.3%	33.3% #D9CDC9	RGB 217 205 201	#D9CDC9
50.0%	50.0% #D3C2BC	RGB 211 194 188	#D3C2BC
66.7%	66.7% #CCB7AF	RGB 204 183 175	#CCB7AF
83.3%	83.3% #C6ACA2	RGB 198 172 162	#C6ACA2
100.0%	100.0% #C0A196	RGB 192 161 150	#C0A196

#E6E3E3 #DFD8D6 #D9CDC9 #D3C2BC #CCB7AF #C6ACA2 #C0A196

#E6E3E3 - #C0A196

HSV Blend

#E6E3E3 - #C0A196 | 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 #E6E3E3 as 0% and #C0A196 as 100%.

0.0%	0.0% #E6E3E3	RGB 230 227 227	#E6E3E3
16.7%	16.7% #DFD5D5	RGB 223 213 213	#DFD5D5
33.3%	33.3% #D9C9C7	RGB 217 201 199	#D9C9C7
50.0%	50.0% #D3BDBA	RGB 211 189 186	#D3BDBA
66.7%	66.7% #CCB3AD	RGB 204 179 173	#CCB3AD
83.3%	83.3% #C6A9A1	RGB 198 169 161	#C6A9A1
100.0%	100.0% #C0A196	RGB 192 161 150	#C0A196

#E6E3E3 #DFD5D5 #D9C9C7 #D3BDBA #CCB3AD #C6A9A1 #C0A196

#E6E3E3 - #D3BDBA - #C0A196

CSS codes

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

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