#E5E55A - #C2B71A | 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 #E5E55A to #C2B71A

#E5E55A #C2B71A

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

#E5E55A - #C2B71A | 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 #E5E55A as 0% and #C2B71A as 100%.

0.0%	0.0% #E5E55A	RGB 229 229 90	#E5E55A
16.7%	16.7% #DFDD4F	RGB 223 221 79	#DFDD4F
33.3%	33.3% #D9D544	RGB 217 213 68	#D9D544
50.0%	50.0% #D3CE3A	RGB 211 206 58	#D3CE3A
66.7%	66.7% #CDC62F	RGB 205 198 47	#CDC62F
83.3%	83.3% #C7BE24	RGB 199 190 36	#C7BE24
100.0%	100.0% #C2B71A	RGB 194 183 26	#C2B71A

#E5E55A #DFDD4F #D9D544 #D3CE3A #CDC62F #C7BE24 #C2B71A

#E5E55A - #C2B71A

HSV Blend

#E5E55A - #C2B71A | 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 #E5E55A as 0% and #C2B71A as 100%.

0.0%	0.0% #E5E559	RGB 229 229 89	#E5E559
16.7%	16.7% #DFDD4E	RGB 223 221 78	#DFDD4E
33.3%	33.3% #D9D642	RGB 217 214 66	#D9D642
50.0%	50.0% #D3CE37	RGB 211 206 55	#D3CE37
66.7%	66.7% #CDC62D	RGB 205 198 45	#CDC62D
83.3%	83.3% #C7BE23	RGB 199 190 35	#C7BE23
100.0%	100.0% #C2B71A	RGB 194 183 26	#C2B71A

#E5E559 #DFDD4E #D9D642 #D3CE37 #CDC62D #C7BE23 #C2B71A

#E5E55A - #D3CE37 - #C2B71A

CSS codes

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

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