#A2A600 - #E5E4B6 | 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 #A2A600 to #E5E4B6

#A2A600 #E5E4B6

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

#A2A600 - #E5E4B6 | 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 #A2A600 as 0% and #E5E4B6 as 100%.

0.0%	0.0% #A2A600	RGB 162 166 0	#A2A600
16.7%	16.7% #ADB01E	RGB 173 176 30	#ADB01E
33.3%	33.3% #B8BA3C	RGB 184 186 60	#B8BA3C
50.0%	50.0% #C3C55B	RGB 195 197 91	#C3C55B
66.7%	66.7% #CECF79	RGB 206 207 121	#CECF79
83.3%	83.3% #D9D997	RGB 217 217 151	#D9D997
100.0%	100.0% #E5E4B6	RGB 229 228 182	#E5E4B6

#A2A600 #ADB01E #B8BA3C #C3C55B #CECF79 #D9D997 #E5E4B6

#A2A600 - #E5E4B6

HSV Blend

#A2A600 - #E5E4B6 | 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 #A2A600 as 0% and #E5E4B6 as 100%.

0.0%	0.0% #A2A600	RGB 162 166 0	#A2A600
16.7%	16.7% #ADB017	RGB 173 176 23	#ADB017
33.3%	33.3% #B9BB31	RGB 185 187 49	#B9BB31
50.0%	50.0% #C5C54E	RGB 197 197 78	#C5C54E
66.7%	66.7% #D0CF6E	RGB 208 207 110	#D0CF6E
83.3%	83.3% #DAD990	RGB 218 217 144	#DAD990
100.0%	100.0% #E5E4B6	RGB 229 228 182	#E5E4B6

#A2A600 #ADB017 #B9BB31 #C5C54E #D0CF6E #DAD990 #E5E4B6

#A2A600 - #C5C54E - #E5E4B6

CSS codes

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

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