#A6A400 - #E5E5B6 | 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 #A6A400 to #E5E5B6

#A6A400 #E5E5B6

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

#A6A400 - #E5E5B6 | 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 #A6A400 as 0% and #E5E5B6 as 100%.

0.0%	0.0% #A6A400	RGB 166 164 0	#A6A400
16.7%	16.7% #B0AE1E	RGB 176 174 30	#B0AE1E
33.3%	33.3% #BBB93C	RGB 187 185 60	#BBB93C
50.0%	50.0% #C5C45B	RGB 197 196 91	#C5C45B
66.7%	66.7% #D0CF79	RGB 208 207 121	#D0CF79
83.3%	83.3% #DADA97	RGB 218 218 151	#DADA97
100.0%	100.0% #E5E5B6	RGB 229 229 182	#E5E5B6

#A6A400 #B0AE1E #BBB93C #C5C45B #D0CF79 #DADA97 #E5E5B6

#A6A400 - #E5E5B6

HSV Blend

#A6A400 - #E5E5B6 | 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 #A6A400 as 0% and #E5E5B6 as 100%.

0.0%	0.0% #A6A400	RGB 166 164 0	#A6A400
16.7%	16.7% #B0AE17	RGB 176 174 23	#B0AE17
33.3%	33.3% #BBB931	RGB 187 185 49	#BBB931
50.0%	50.0% #C5C44E	RGB 197 196 78	#C5C44E
66.7%	66.7% #D0CF6E	RGB 208 207 110	#D0CF6E
83.3%	83.3% #DADA90	RGB 218 218 144	#DADA90
100.0%	100.0% #E5E5B6	RGB 229 229 182	#E5E5B6

#A6A400 #B0AE17 #BBB931 #C5C44E #D0CF6E #DADA90 #E5E5B6

#A6A400 - #C5C44E - #E5E5B6

CSS codes

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

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