#E5E05A - #C3AF1A | 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 #E5E05A to #C3AF1A

#E5E05A #C3AF1A

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

#E5E05A - #C3AF1A | 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 #E5E05A as 0% and #C3AF1A as 100%.

0.0%	0.0% #E5E05A	RGB 229 224 90	#E5E05A
16.7%	16.7% #DFD74F	RGB 223 215 79	#DFD74F
33.3%	33.3% #D9CF44	RGB 217 207 68	#D9CF44
50.0%	50.0% #D4C73A	RGB 212 199 58	#D4C73A
66.7%	66.7% #CEBF2F	RGB 206 191 47	#CEBF2F
83.3%	83.3% #C8B724	RGB 200 183 36	#C8B724
100.0%	100.0% #C3AF1A	RGB 195 175 26	#C3AF1A

#E5E05A #DFD74F #D9CF44 #D4C73A #CEBF2F #C8B724 #C3AF1A

#E5E05A - #C3AF1A

HSV Blend

#E5E05A - #C3AF1A | 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 #E5E05A as 0% and #C3AF1A as 100%.

0.0%	0.0% #E5E059	RGB 229 224 89	#E5E059
16.7%	16.7% #DFD84E	RGB 223 216 78	#DFD84E
33.3%	33.3% #D9D042	RGB 217 208 66	#D9D042
50.0%	50.0% #D4C737	RGB 212 199 55	#D4C737
66.7%	66.7% #CEBF2D	RGB 206 191 45	#CEBF2D
83.3%	83.3% #C8B723	RGB 200 183 35	#C8B723
100.0%	100.0% #C3AF1A	RGB 195 175 26	#C3AF1A

#E5E059 #DFD84E #D9D042 #D4C737 #CEBF2D #C8B723 #C3AF1A

#E5E05A - #D4C737 - #C3AF1A

CSS codes

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

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