#5E6E2E - #383F06 | 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 #5E6E2E to #383F06

#5E6E2E #383F06

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

#5E6E2E - #383F06 | 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 #5E6E2E as 0% and #383F06 as 100%.

0.0%	0.0% #5E6E2E	RGB 94 110 46	#5E6E2E
16.7%	16.7% #576627	RGB 87 102 39	#576627
33.3%	33.3% #515E20	RGB 81 94 32	#515E20
50.0%	50.0% #4B561A	RGB 75 86 26	#4B561A
66.7%	66.7% #444E13	RGB 68 78 19	#444E13
83.3%	83.3% #3E460C	RGB 62 70 12	#3E460C
100.0%	100.0% #383F06	RGB 56 63 6	#383F06

#5E6E2E #576627 #515E20 #4B561A #444E13 #3E460C #383F06

#5E6E2E - #383F06

HSV Blend

#5E6E2E - #383F06 | 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 #5E6E2E as 0% and #383F06 as 100%.

0.0%	0.0% #5E6E2D	RGB 94 110 45	#5E6E2D
16.7%	16.7% #576625	RGB 87 102 37	#576625
33.3%	33.3% #505E1D	RGB 80 94 29	#505E1D
50.0%	50.0% #4A5616	RGB 74 86 22	#4A5616
66.7%	66.7% #444E0F	RGB 68 78 15	#444E0F
83.3%	83.3% #3E460A	RGB 62 70 10	#3E460A
100.0%	100.0% #383F06	RGB 56 63 6	#383F06

#5E6E2D #576625 #505E1D #4A5616 #444E0F #3E460A #383F06

#5E6E2E - #4A5616 - #383F06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6E2D 0%, #4A5616 50%, #383F06 100%);
    background: -webkit-linear-gradient(top, #5E6E2D 0%, #4A5616 50%, #383F06 100%);
    background: linear-gradient(to bottom, #5E6E2D 0%, #4A5616 50%, #383F06 100%);
}
</style>