#5E5B04 - #362C0A | 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 #5E5B04 to #362C0A

#5E5B04 #362C0A

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

#5E5B04 - #362C0A | 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 #5E5B04 as 0% and #362C0A as 100%.

0.0%	0.0% #5E5B04	RGB 94 91 4	#5E5B04
16.7%	16.7% #575305	RGB 87 83 5	#575305
33.3%	33.3% #504B06	RGB 80 75 6	#504B06
50.0%	50.0% #4A4307	RGB 74 67 7	#4A4307
66.7%	66.7% #433B08	RGB 67 59 8	#433B08
83.3%	83.3% #3C3309	RGB 60 51 9	#3C3309
100.0%	100.0% #362C0A	RGB 54 44 10	#362C0A

#5E5B04 #575305 #504B06 #4A4307 #433B08 #3C3309 #362C0A

#5E5B04 - #362C0A

HSV Blend

#5E5B04 - #362C0A | 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 #5E5B04 as 0% and #362C0A as 100%.

0.0%	0.0% #5E5B03	RGB 94 91 3	#5E5B03
16.7%	16.7% #575105	RGB 87 81 5	#575105
33.3%	33.3% #504907	RGB 80 73 7	#504907
50.0%	50.0% #4A4108	RGB 74 65 8	#4A4108
66.7%	66.7% #433909	RGB 67 57 9	#433909
83.3%	83.3% #3C3209	RGB 60 50 9	#3C3209
100.0%	100.0% #362C0A	RGB 54 44 10	#362C0A

#5E5B03 #575105 #504907 #4A4108 #433909 #3C3209 #362C0A

#5E5B04 - #4A4108 - #362C0A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B03 0%, #4A4108 50%, #362C0A 100%);
    background: -webkit-linear-gradient(top, #5E5B03 0%, #4A4108 50%, #362C0A 100%);
    background: linear-gradient(to bottom, #5E5B03 0%, #4A4108 50%, #362C0A 100%);
}
</style>