#8A8A30 - #5C520B | 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 #8A8A30 to #5C520B

#8A8A30 #5C520B

Calculate the color between two colors, #8A8A30 and #5C520B. 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)

#8A8A30 - #5C520B | 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 #8A8A30 as 0% and #5C520B as 100%.

0.0%	0.0% #8A8A30	RGB 138 138 48	#8A8A30
16.7%	16.7% #828029	RGB 130 128 41	#828029
33.3%	33.3% #7A7723	RGB 122 119 35	#7A7723
50.0%	50.0% #736E1D	RGB 115 110 29	#736E1D
66.7%	66.7% #6B6417	RGB 107 100 23	#6B6417
83.3%	83.3% #635B11	RGB 99 91 17	#635B11
100.0%	100.0% #5C520B	RGB 92 82 11	#5C520B

#8A8A30 #828029 #7A7723 #736E1D #6B6417 #635B11 #5C520B

#8A8A30 - #5C520B

HSV Blend

#8A8A30 - #5C520B | 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 #8A8A30 as 0% and #5C520B as 100%.

0.0%	0.0% #8A8A30	RGB 138 138 48	#8A8A30
16.7%	16.7% #828028	RGB 130 128 40	#828028
33.3%	33.3% #7A7621	RGB 122 118 33	#7A7621
50.0%	50.0% #736D1A	RGB 115 109 26	#736D1A
66.7%	66.7% #6B6415	RGB 107 100 21	#6B6415
83.3%	83.3% #635B0F	RGB 99 91 15	#635B0F
100.0%	100.0% #5C520B	RGB 92 82 11	#5C520B

#8A8A30 #828028 #7A7621 #736D1A #6B6415 #635B0F #5C520B

#8A8A30 - #736D1A - #5C520B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8A30 0%, #736D1A 50%, #5C520B 100%);
    background: -webkit-linear-gradient(top, #8A8A30 0%, #736D1A 50%, #5C520B 100%);
    background: linear-gradient(to bottom, #8A8A30 0%, #736D1A 50%, #5C520B 100%);
}
</style>