#C2A97B - #EDE6D9 | 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 #C2A97B to #EDE6D9

#C2A97B #EDE6D9

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

#C2A97B - #EDE6D9 | 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 #C2A97B as 0% and #EDE6D9 as 100%.

0.0%	0.0% #C2A97B	RGB 194 169 123	#C2A97B
16.7%	16.7% #C9B38A	RGB 201 179 138	#C9B38A
33.3%	33.3% #D0BD9A	RGB 208 189 154	#D0BD9A
50.0%	50.0% #D7C7AA	RGB 215 199 170	#D7C7AA
66.7%	66.7% #DED1B9	RGB 222 209 185	#DED1B9
83.3%	83.3% #E5DBC9	RGB 229 219 201	#E5DBC9
100.0%	100.0% #EDE6D9	RGB 237 230 217	#EDE6D9

#C2A97B #C9B38A #D0BD9A #D7C7AA #DED1B9 #E5DBC9 #EDE6D9

#C2A97B - #EDE6D9

HSV Blend

#C2A97B - #EDE6D9 | 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 #C2A97B as 0% and #EDE6D9 as 100%.

0.0%	0.0% #C2A97B	RGB 194 169 123	#C2A97B
16.7%	16.7% #C9B288	RGB 201 178 136	#C9B288
33.3%	33.3% #D0BC97	RGB 208 188 151	#D0BC97
50.0%	50.0% #D7C6A6	RGB 215 198 166	#D7C6A6
66.7%	66.7% #DED0B6	RGB 222 208 182	#DED0B6
83.3%	83.3% #E5DBC7	RGB 229 219 199	#E5DBC7
100.0%	100.0% #EDE6D9	RGB 237 230 217	#EDE6D9

#C2A97B #C9B288 #D0BC97 #D7C6A6 #DED0B6 #E5DBC7 #EDE6D9

#C2A97B - #D7C6A6 - #EDE6D9

CSS codes

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

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