#E5E611 - #A8A50B | 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 #E5E611 to #A8A50B

#E5E611 #A8A50B

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

#E5E611 - #A8A50B | 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 #E5E611 as 0% and #A8A50B as 100%.

0.0%	0.0% #E5E611	RGB 229 230 17	#E5E611
16.7%	16.7% #DADB10	RGB 218 219 16	#DADB10
33.3%	33.3% #D0D00F	RGB 208 208 15	#D0D00F
50.0%	50.0% #C6C50E	RGB 198 197 14	#C6C50E
66.7%	66.7% #BCBA0D	RGB 188 186 13	#BCBA0D
83.3%	83.3% #B2AF0C	RGB 178 175 12	#B2AF0C
100.0%	100.0% #A8A50B	RGB 168 165 11	#A8A50B

#E5E611 #DADB10 #D0D00F #C6C50E #BCBA0D #B2AF0C #A8A50B

#E5E611 - #A8A50B

HSV Blend

#E5E611 - #A8A50B | 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 #E5E611 as 0% and #A8A50B as 100%.

0.0%	0.0% #E5E610	RGB 229 230 16	#E5E610
16.7%	16.7% #DBDB0F	RGB 219 219 15	#DBDB0F
33.3%	33.3% #D1D00E	RGB 209 208 14	#D1D00E
50.0%	50.0% #C7C50D	RGB 199 197 13	#C7C50D
66.7%	66.7% #BCBA0C	RGB 188 186 12	#BCBA0C
83.3%	83.3% #B2AF0B	RGB 178 175 11	#B2AF0B
100.0%	100.0% #A8A50B	RGB 168 165 11	#A8A50B

#E5E610 #DBDB0F #D1D00E #C7C50D #BCBA0C #B2AF0B #A8A50B

#E5E611 - #C7C50D - #A8A50B

CSS codes

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

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