#C3AD3C - #EDE7C7 | 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 #C3AD3C to #EDE7C7

#C3AD3C #EDE7C7

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

#C3AD3C - #EDE7C7 | 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 #C3AD3C as 0% and #EDE7C7 as 100%.

0.0%	0.0% #C3AD3C	RGB 195 173 60	#C3AD3C
16.7%	16.7% #CAB653	RGB 202 182 83	#CAB653
33.3%	33.3% #D1C06A	RGB 209 192 106	#D1C06A
50.0%	50.0% #D8CA81	RGB 216 202 129	#D8CA81
66.7%	66.7% #DFD398	RGB 223 211 152	#DFD398
83.3%	83.3% #E6DDAF	RGB 230 221 175	#E6DDAF
100.0%	100.0% #EDE7C7	RGB 237 231 199	#EDE7C7

#C3AD3C #CAB653 #D1C06A #D8CA81 #DFD398 #E6DDAF #EDE7C7

#C3AD3C - #EDE7C7

HSV Blend

#C3AD3C - #EDE7C7 | 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 #C3AD3C as 0% and #EDE7C7 as 100%.

0.0%	0.0% #C3AD3C	RGB 195 173 60	#C3AD3C
16.7%	16.7% #CAB650	RGB 202 182 80	#CAB650
33.3%	33.3% #D1BF65	RGB 209 191 101	#D1BF65
50.0%	50.0% #D8C97B	RGB 216 201 123	#D8C97B
66.7%	66.7% #DFD293	RGB 223 210 147	#DFD293
83.3%	83.3% #E6DCAC	RGB 230 220 172	#E6DCAC
100.0%	100.0% #EDE7C7	RGB 237 231 199	#EDE7C7

#C3AD3C #CAB650 #D1BF65 #D8C97B #DFD293 #E6DCAC #EDE7C7

#C3AD3C - #D8C97B - #EDE7C7

CSS codes

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

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