#EAD74A - #C9A013 | 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 #EAD74A to #C9A013

#EAD74A #C9A013

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

#EAD74A - #C9A013 | 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 #EAD74A as 0% and #C9A013 as 100%.

0.0%	0.0% #EAD74A	RGB 234 215 74	#EAD74A
16.7%	16.7% #E4CD40	RGB 228 205 64	#E4CD40
33.3%	33.3% #DFC437	RGB 223 196 55	#DFC437
50.0%	50.0% #D9BB2E	RGB 217 187 46	#D9BB2E
66.7%	66.7% #D4B225	RGB 212 178 37	#D4B225
83.3%	83.3% #CEA91C	RGB 206 169 28	#CEA91C
100.0%	100.0% #C9A013	RGB 201 160 19	#C9A013

#EAD74A #E4CD40 #DFC437 #D9BB2E #D4B225 #CEA91C #C9A013

#EAD74A - #C9A013

HSV Blend

#EAD74A - #C9A013 | 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 #EAD74A as 0% and #C9A013 as 100%.

0.0%	0.0% #EAD74A	RGB 234 215 74	#EAD74A
16.7%	16.7% #E4CE3F	RGB 228 206 63	#E4CE3F
33.3%	33.3% #DFC436	RGB 223 196 54	#DFC436
50.0%	50.0% #D9BB2C	RGB 217 187 44	#D9BB2C
66.7%	66.7% #D4B223	RGB 212 178 35	#D4B223
83.3%	83.3% #CEA91B	RGB 206 169 27	#CEA91B
100.0%	100.0% #C9A013	RGB 201 160 19	#C9A013

#EAD74A #E4CE3F #DFC436 #D9BB2C #D4B223 #CEA91B #C9A013

#EAD74A - #D9BB2C - #C9A013

CSS codes

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

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