#E5E267 - #C3B420 | 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 #E5E267 to #C3B420

#E5E267 #C3B420

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

#E5E267 - #C3B420 | 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 #E5E267 as 0% and #C3B420 as 100%.

0.0%	0.0% #E5E267	RGB 229 226 103	#E5E267
16.7%	16.7% #DFDA5B	RGB 223 218 91	#DFDA5B
33.3%	33.3% #D9D24F	RGB 217 210 79	#D9D24F
50.0%	50.0% #D4CB43	RGB 212 203 67	#D4CB43
66.7%	66.7% #CEC337	RGB 206 195 55	#CEC337
83.3%	83.3% #C8BB2B	RGB 200 187 43	#C8BB2B
100.0%	100.0% #C3B420	RGB 195 180 32	#C3B420

#E5E267 #DFDA5B #D9D24F #D4CB43 #CEC337 #C8BB2B #C3B420

#E5E267 - #C3B420

HSV Blend

#E5E267 - #C3B420 | 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 #E5E267 as 0% and #C3B420 as 100%.

0.0%	0.0% #E5E267	RGB 229 226 103	#E5E267
16.7%	16.7% #DFDA59	RGB 223 218 89	#DFDA59
33.3%	33.3% #D9D34D	RGB 217 211 77	#D9D34D
50.0%	50.0% #D4CB41	RGB 212 203 65	#D4CB41
66.7%	66.7% #CEC335	RGB 206 195 53	#CEC335
83.3%	83.3% #C8BB2A	RGB 200 187 42	#C8BB2A
100.0%	100.0% #C3B420	RGB 195 180 32	#C3B420

#E5E267 #DFDA59 #D9D34D #D4CB41 #CEC335 #C8BB2A #C3B420

#E5E267 - #D4CB41 - #C3B420

CSS codes

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

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