#A8A828 - #766B0B | 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 #A8A828 to #766B0B

#A8A828 #766B0B

Calculate the color between two colors, #A8A828 and #766B0B. 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)

#A8A828 - #766B0B | 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 #A8A828 as 0% and #766B0B as 100%.

0.0%	0.0% #A8A828	RGB 168 168 40	#A8A828
16.7%	16.7% #9F9D23	RGB 159 157 35	#9F9D23
33.3%	33.3% #97931E	RGB 151 147 30	#97931E
50.0%	50.0% #8F8919	RGB 143 137 25	#8F8919
66.7%	66.7% #867F14	RGB 134 127 20	#867F14
83.3%	83.3% #7E750F	RGB 126 117 15	#7E750F
100.0%	100.0% #766B0B	RGB 118 107 11	#766B0B

#A8A828 #9F9D23 #97931E #8F8919 #867F14 #7E750F #766B0B

#A8A828 - #766B0B

HSV Blend

#A8A828 - #766B0B | 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 #A8A828 as 0% and #766B0B as 100%.

0.0%	0.0% #A8A827	RGB 168 168 39	#A8A827
16.7%	16.7% #9F9D22	RGB 159 157 34	#9F9D22
33.3%	33.3% #97931C	RGB 151 147 28	#97931C
50.0%	50.0% #8F8817	RGB 143 136 23	#8F8817
66.7%	66.7% #867E13	RGB 134 126 19	#867E13
83.3%	83.3% #7E740E	RGB 126 116 14	#7E740E
100.0%	100.0% #766B0B	RGB 118 107 11	#766B0B

#A8A827 #9F9D22 #97931C #8F8817 #867E13 #7E740E #766B0B

#A8A828 - #8F8817 - #766B0B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A827 0%, #8F8817 50%, #766B0B 100%);
    background: -webkit-linear-gradient(top, #A8A827 0%, #8F8817 50%, #766B0B 100%);
    background: linear-gradient(to bottom, #A8A827 0%, #8F8817 50%, #766B0B 100%);
}
</style>