#8A8C2B - #5D4900 | 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 #8A8C2B to #5D4900

#8A8C2B #5D4900

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

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

0.0%	0.0% #8A8C2B	RGB 138 140 43	#8A8C2B
16.7%	16.7% #828023	RGB 130 128 35	#828023
33.3%	33.3% #7B751C	RGB 123 117 28	#7B751C
50.0%	50.0% #736A15	RGB 115 106 21	#736A15
66.7%	66.7% #6C5F0E	RGB 108 95 14	#6C5F0E
83.3%	83.3% #645407	RGB 100 84 7	#645407
100.0%	100.0% #5D4900	RGB 93 73 0	#5D4900

#8A8C2B #828023 #7B751C #736A15 #6C5F0E #645407 #5D4900

#8A8C2B - #5D4900

HSV Blend

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

0.0%	0.0% #8A8C2B	RGB 138 140 43	#8A8C2B
16.7%	16.7% #848221	RGB 132 130 33	#848221
33.3%	33.3% #7C7619	RGB 124 118 25	#7C7619
50.0%	50.0% #746A11	RGB 116 106 17	#746A11
66.7%	66.7% #6C5F0B	RGB 108 95 11	#6C5F0B
83.3%	83.3% #645405	RGB 100 84 5	#645405
100.0%	100.0% #5D4900	RGB 93 73 0	#5D4900

#8A8C2B #848221 #7C7619 #746A11 #6C5F0B #645405 #5D4900

#8A8C2B - #746A11 - #5D4900

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8C2B 0%, #746A11 50%, #5D4900 100%);
    background: -webkit-linear-gradient(top, #8A8C2B 0%, #746A11 50%, #5D4900 100%);
    background: linear-gradient(to bottom, #8A8C2B 0%, #746A11 50%, #5D4900 100%);
}
</style>