#5E5E4D - #47500A | 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 #5E5E4D to #47500A

#5E5E4D #47500A

Calculate the color between two colors, #5E5E4D and #47500A. 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)

#5E5E4D - #47500A | 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 #5E5E4D as 0% and #47500A as 100%.

0.0%	0.0% #5E5E4D	RGB 94 94 77	#5E5E4D
16.7%	16.7% #5A5B41	RGB 90 91 65	#5A5B41
33.3%	33.3% #565936	RGB 86 89 54	#565936
50.0%	50.0% #52572B	RGB 82 87 43	#52572B
66.7%	66.7% #4E5420	RGB 78 84 32	#4E5420
83.3%	83.3% #4A5215	RGB 74 82 21	#4A5215
100.0%	100.0% #47500A	RGB 71 80 10	#47500A

#5E5E4D #5A5B41 #565936 #52572B #4E5420 #4A5215 #47500A

#5E5E4D - #47500A

HSV Blend

#5E5E4D - #47500A | 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 #5E5E4D as 0% and #47500A as 100%.

0.0%	0.0% #5E5E4D	RGB 94 94 77	#5E5E4D
16.7%	16.7% #5B5B40	RGB 91 91 64	#5B5B40
33.3%	33.3% #575934	RGB 87 89 52	#575934
50.0%	50.0% #545729	RGB 84 87 41	#545729
66.7%	66.7% #4F541E	RGB 79 84 30	#4F541E
83.3%	83.3% #4B5213	RGB 75 82 19	#4B5213
100.0%	100.0% #47500A	RGB 71 80 10	#47500A

#5E5E4D #5B5B40 #575934 #545729 #4F541E #4B5213 #47500A

#5E5E4D - #545729 - #47500A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E4D 0%, #545729 50%, #47500A 100%);
    background: -webkit-linear-gradient(top, #5E5E4D 0%, #545729 50%, #47500A 100%);
    background: linear-gradient(to bottom, #5E5E4D 0%, #545729 50%, #47500A 100%);
}
</style>