#C0AD6B - #EDE7D4 | 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 #C0AD6B to #EDE7D4

#C0AD6B #EDE7D4

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

#C0AD6B - #EDE7D4 | 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 #C0AD6B as 0% and #EDE7D4 as 100%.

0.0%	0.0% #C0AD6B	RGB 192 173 107	#C0AD6B
16.7%	16.7% #C7B67C	RGB 199 182 124	#C7B67C
33.3%	33.3% #CFC08E	RGB 207 192 142	#CFC08E
50.0%	50.0% #D6CA9F	RGB 214 202 159	#D6CA9F
66.7%	66.7% #DED3B1	RGB 222 211 177	#DED3B1
83.3%	83.3% #E5DDC2	RGB 229 221 194	#E5DDC2
100.0%	100.0% #EDE7D4	RGB 237 231 212	#EDE7D4

#C0AD6B #C7B67C #CFC08E #D6CA9F #DED3B1 #E5DDC2 #EDE7D4

#C0AD6B - #EDE7D4

HSV Blend

#C0AD6B - #EDE7D4 | 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 #C0AD6B as 0% and #EDE7D4 as 100%.

0.0%	0.0% #C0AD6B	RGB 192 173 107	#C0AD6B
16.7%	16.7% #C7B67A	RGB 199 182 122	#C7B67A
33.3%	33.3% #CFBF8A	RGB 207 191 138	#CFBF8A
50.0%	50.0% #D6C89B	RGB 214 200 155	#D6C89B
66.7%	66.7% #DED2AD	RGB 222 210 173	#DED2AD
83.3%	83.3% #E5DCC0	RGB 229 220 192	#E5DCC0
100.0%	100.0% #EDE7D4	RGB 237 231 212	#EDE7D4

#C0AD6B #C7B67A #CFBF8A #D6C89B #DED2AD #E5DCC0 #EDE7D4

#C0AD6B - #D6C89B - #EDE7D4

CSS codes

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

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