#E5E749 - #AFB512 | 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 #E5E749 to #AFB512

#E5E749 #AFB512

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

#E5E749 - #AFB512 | 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 #E5E749 as 0% and #AFB512 as 100%.

0.0%	0.0% #E5E749	RGB 229 231 73	#E5E749
16.7%	16.7% #DCDE3F	RGB 220 222 63	#DCDE3F
33.3%	33.3% #D3D636	RGB 211 214 54	#D3D636
50.0%	50.0% #CACE2D	RGB 202 206 45	#CACE2D
66.7%	66.7% #C1C524	RGB 193 197 36	#C1C524
83.3%	83.3% #B8BD1B	RGB 184 189 27	#B8BD1B
100.0%	100.0% #AFB512	RGB 175 181 18	#AFB512

#E5E749 #DCDE3F #D3D636 #CACE2D #C1C524 #B8BD1B #AFB512

#E5E749 - #AFB512

HSV Blend

#E5E749 - #AFB512 | 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 #E5E749 as 0% and #AFB512 as 100%.

0.0%	0.0% #E5E749	RGB 229 231 73	#E5E749
16.7%	16.7% #DBDE3E	RGB 219 222 62	#DBDE3E
33.3%	33.3% #D2D634	RGB 210 214 52	#D2D634
50.0%	50.0% #C9CE2A	RGB 201 206 42	#C9CE2A
66.7%	66.7% #C0C521	RGB 192 197 33	#C0C521
83.3%	83.3% #B7BD19	RGB 183 189 25	#B7BD19
100.0%	100.0% #AFB512	RGB 175 181 18	#AFB512

#E5E749 #DBDE3E #D2D634 #C9CE2A #C0C521 #B7BD19 #AFB512

#E5E749 - #C9CE2A - #AFB512

CSS codes

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

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