#A5A900 - #E5E6B6 | 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 #A5A900 to #E5E6B6

#A5A900 #E5E6B6

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

#A5A900 - #E5E6B6 | 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 #A5A900 as 0% and #E5E6B6 as 100%.

0.0%	0.0% #A5A900	RGB 165 169 0	#A5A900
16.7%	16.7% #AFB31E	RGB 175 179 30	#AFB31E
33.3%	33.3% #BABD3C	RGB 186 189 60	#BABD3C
50.0%	50.0% #C5C75B	RGB 197 199 91	#C5C75B
66.7%	66.7% #CFD179	RGB 207 209 121	#CFD179
83.3%	83.3% #DADB97	RGB 218 219 151	#DADB97
100.0%	100.0% #E5E6B6	RGB 229 230 182	#E5E6B6

#A5A900 #AFB31E #BABD3C #C5C75B #CFD179 #DADB97 #E5E6B6

#A5A900 - #E5E6B6

HSV Blend

#A5A900 - #E5E6B6 | 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 #A5A900 as 0% and #E5E6B6 as 100%.

0.0%	0.0% #A5A900	RGB 165 169 0	#A5A900
16.7%	16.7% #AFB317	RGB 175 179 23	#AFB317
33.3%	33.3% #BABD31	RGB 186 189 49	#BABD31
50.0%	50.0% #C4C74E	RGB 196 199 78	#C4C74E
66.7%	66.7% #CFD16E	RGB 207 209 110	#CFD16E
83.3%	83.3% #DADB90	RGB 218 219 144	#DADB90
100.0%	100.0% #E5E6B6	RGB 229 230 182	#E5E6B6

#A5A900 #AFB317 #BABD31 #C4C74E #CFD16E #DADB90 #E5E6B6

#A5A900 - #C4C74E - #E5E6B6

CSS codes

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

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