#E5DA3C - #C0A20F | 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 #E5DA3C to #C0A20F

#E5DA3C #C0A20F

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

#E5DA3C - #C0A20F | 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 #E5DA3C as 0% and #C0A20F as 100%.

0.0%	0.0% #E5DA3C	RGB 229 218 60	#E5DA3C
16.7%	16.7% #DED034	RGB 222 208 52	#DED034
33.3%	33.3% #D8C72D	RGB 216 199 45	#D8C72D
50.0%	50.0% #D2BE25	RGB 210 190 37	#D2BE25
66.7%	66.7% #CCB41E	RGB 204 180 30	#CCB41E
83.3%	83.3% #C6AB16	RGB 198 171 22	#C6AB16
100.0%	100.0% #C0A20F	RGB 192 162 15	#C0A20F

#E5DA3C #DED034 #D8C72D #D2BE25 #CCB41E #C6AB16 #C0A20F

#E5DA3C - #C0A20F

HSV Blend

#E5DA3C - #C0A20F | 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 #E5DA3C as 0% and #C0A20F as 100%.

0.0%	0.0% #E5DA3C	RGB 229 218 60	#E5DA3C
16.7%	16.7% #DED033	RGB 222 208 51	#DED033
33.3%	33.3% #D8C72B	RGB 216 199 43	#D8C72B
50.0%	50.0% #D2BE23	RGB 210 190 35	#D2BE23
66.7%	66.7% #CCB41C	RGB 204 180 28	#CCB41C
83.3%	83.3% #C6AB15	RGB 198 171 21	#C6AB15
100.0%	100.0% #C0A20F	RGB 192 162 15	#C0A20F

#E5DA3C #DED033 #D8C72B #D2BE23 #CCB41C #C6AB15 #C0A20F

#E5DA3C - #D2BE23 - #C0A20F

CSS codes

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

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