#EADB2E - #C5A00C | 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 #EADB2E to #C5A00C

#EADB2E #C5A00C

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

#EADB2E - #C5A00C | 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 #EADB2E as 0% and #C5A00C as 100%.

0.0%	0.0% #EADB2E	RGB 234 219 46	#EADB2E
16.7%	16.7% #E3D128	RGB 227 209 40	#E3D128
33.3%	33.3% #DDC722	RGB 221 199 34	#DDC722
50.0%	50.0% #D7BD1D	RGB 215 189 29	#D7BD1D
66.7%	66.7% #D1B317	RGB 209 179 23	#D1B317
83.3%	83.3% #CBA911	RGB 203 169 17	#CBA911
100.0%	100.0% #C5A00C	RGB 197 160 12	#C5A00C

#EADB2E #E3D128 #DDC722 #D7BD1D #D1B317 #CBA911 #C5A00C

#EADB2E - #C5A00C

HSV Blend

#EADB2E - #C5A00C | 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 #EADB2E as 0% and #C5A00C as 100%.

0.0%	0.0% #EADB2E	RGB 234 219 46	#EADB2E
16.7%	16.7% #E3D127	RGB 227 209 39	#E3D127
33.3%	33.3% #DDC721	RGB 221 199 33	#DDC721
50.0%	50.0% #D7BD1B	RGB 215 189 27	#D7BD1B
66.7%	66.7% #D1B316	RGB 209 179 22	#D1B316
83.3%	83.3% #CBA910	RGB 203 169 16	#CBA910
100.0%	100.0% #C5A00C	RGB 197 160 12	#C5A00C

#EADB2E #E3D127 #DDC721 #D7BD1B #D1B316 #CBA910 #C5A00C

#EADB2E - #D7BD1B - #C5A00C

CSS codes

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

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