#A2AD3E - #526106 | 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 #A2AD3E to #526106

#A2AD3E #526106

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

#A2AD3E - #526106 | 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 #A2AD3E as 0% and #526106 as 100%.

0.0%	0.0% #A2AD3E	RGB 162 173 62	#A2AD3E
16.7%	16.7% #94A034	RGB 148 160 52	#94A034
33.3%	33.3% #87932B	RGB 135 147 43	#87932B
50.0%	50.0% #7A8722	RGB 122 135 34	#7A8722
66.7%	66.7% #6C7A18	RGB 108 122 24	#6C7A18
83.3%	83.3% #5F6D0F	RGB 95 109 15	#5F6D0F
100.0%	100.0% #526106	RGB 82 97 6	#526106

#A2AD3E #94A034 #87932B #7A8722 #6C7A18 #5F6D0F #526106

#A2AD3E - #526106

HSV Blend

#A2AD3E - #526106 | 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 #A2AD3E as 0% and #526106 as 100%.

0.0%	0.0% #A2AD3E	RGB 162 173 62	#A2AD3E
16.7%	16.7% #94A031	RGB 148 160 49	#94A031
33.3%	33.3% #869326	RGB 134 147 38	#869326
50.0%	50.0% #78871C	RGB 120 135 28	#78871C
66.7%	66.7% #6B7A13	RGB 107 122 19	#6B7A13
83.3%	83.3% #5E6D0C	RGB 94 109 12	#5E6D0C
100.0%	100.0% #526106	RGB 82 97 6	#526106

#A2AD3E #94A031 #869326 #78871C #6B7A13 #5E6D0C #526106

#A2AD3E - #78871C - #526106

CSS codes

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

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