#5E5B15 - #3A2F07 | 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 #5E5B15 to #3A2F07

#5E5B15 #3A2F07

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

#5E5B15 - #3A2F07 | 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 #5E5B15 as 0% and #3A2F07 as 100%.

0.0%	0.0% #5E5B15	RGB 94 91 21	#5E5B15
16.7%	16.7% #585312	RGB 88 83 18	#585312
33.3%	33.3% #524C10	RGB 82 76 16	#524C10
50.0%	50.0% #4C450E	RGB 76 69 14	#4C450E
66.7%	66.7% #463D0B	RGB 70 61 11	#463D0B
83.3%	83.3% #403609	RGB 64 54 9	#403609
100.0%	100.0% #3A2F07	RGB 58 47 7	#3A2F07

#5E5B15 #585312 #524C10 #4C450E #463D0B #403609 #3A2F07

#5E5B15 - #3A2F07

HSV Blend

#5E5B15 - #3A2F07 | 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 #5E5B15 as 0% and #3A2F07 as 100%.

0.0%	0.0% #5E5B14	RGB 94 91 20	#5E5B14
16.7%	16.7% #585312	RGB 88 83 18	#585312
33.3%	33.3% #524B0F	RGB 82 75 15	#524B0F
50.0%	50.0% #4C430D	RGB 76 67 13	#4C430D
66.7%	66.7% #463C0A	RGB 70 60 10	#463C0A
83.3%	83.3% #403508	RGB 64 53 8	#403508
100.0%	100.0% #3A2F07	RGB 58 47 7	#3A2F07

#5E5B14 #585312 #524B0F #4C430D #463C0A #403508 #3A2F07

#5E5B15 - #4C430D - #3A2F07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B14 0%, #4C430D 50%, #3A2F07 100%);
    background: -webkit-linear-gradient(top, #5E5B14 0%, #4C430D 50%, #3A2F07 100%);
    background: linear-gradient(to bottom, #5E5B14 0%, #4C430D 50%, #3A2F07 100%);
}
</style>