#5E501B - #3D3405 | 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 #5E501B to #3D3405

#5E501B #3D3405

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

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

0.0%	0.0% #5E501B	RGB 94 80 27	#5E501B
16.7%	16.7% #584B17	RGB 88 75 23	#584B17
33.3%	33.3% #534613	RGB 83 70 19	#534613
50.0%	50.0% #4D4210	RGB 77 66 16	#4D4210
66.7%	66.7% #483D0C	RGB 72 61 12	#483D0C
83.3%	83.3% #423808	RGB 66 56 8	#423808
100.0%	100.0% #3D3405	RGB 61 52 5	#3D3405

#5E501B #584B17 #534613 #4D4210 #483D0C #423808 #3D3405

#5E501B - #3D3405

HSV Blend

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

0.0%	0.0% #5E501B	RGB 94 80 27	#5E501B
16.7%	16.7% #584B16	RGB 88 75 22	#584B16
33.3%	33.3% #534612	RGB 83 70 18	#534612
50.0%	50.0% #4D410E	RGB 77 65 14	#4D410E
66.7%	66.7% #483D0A	RGB 72 61 10	#483D0A
83.3%	83.3% #423807	RGB 66 56 7	#423807
100.0%	100.0% #3D3405	RGB 61 52 5	#3D3405

#5E501B #584B16 #534612 #4D410E #483D0A #423807 #3D3405

#5E501B - #4D410E - #3D3405

CSS codes

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

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