#5B5E3E - #474904 | 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 #5B5E3E to #474904

#5B5E3E #474904

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

#5B5E3E - #474904 | 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 #5B5E3E as 0% and #474904 as 100%.

0.0%	0.0% #5B5E3E	RGB 91 94 62	#5B5E3E
16.7%	16.7% #575A34	RGB 87 90 52	#575A34
33.3%	33.3% #54572A	RGB 84 87 42	#54572A
50.0%	50.0% #515321	RGB 81 83 33	#515321
66.7%	66.7% #4D5017	RGB 77 80 23	#4D5017
83.3%	83.3% #4A4C0D	RGB 74 76 13	#4A4C0D
100.0%	100.0% #474904	RGB 71 73 4	#474904

#5B5E3E #575A34 #54572A #515321 #4D5017 #4A4C0D #474904

#5B5E3E - #474904

HSV Blend

#5B5E3E - #474904 | 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 #5B5E3E as 0% and #474904 as 100%.

0.0%	0.0% #5B5E3E	RGB 91 94 62	#5B5E3E
16.7%	16.7% #575A32	RGB 87 90 50	#575A32
33.3%	33.3% #535727	RGB 83 87 39	#535727
50.0%	50.0% #50531D	RGB 80 83 29	#50531D
66.7%	66.7% #4C5014	RGB 76 80 20	#4C5014
83.3%	83.3% #494C0B	RGB 73 76 11	#494C0B
100.0%	100.0% #474904	RGB 71 73 4	#474904

#5B5E3E #575A32 #535727 #50531D #4C5014 #494C0B #474904

#5B5E3E - #50531D - #474904

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E3E 0%, #50531D 50%, #474904 100%);
    background: -webkit-linear-gradient(top, #5B5E3E 0%, #50531D 50%, #474904 100%);
    background: linear-gradient(to bottom, #5B5E3E 0%, #50531D 50%, #474904 100%);
}
</style>