#5E3D20 - #3F2505 | 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 #5E3D20 to #3F2505

#5E3D20 #3F2505

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

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

0.0%	0.0% #5E3D20	RGB 94 61 32	#5E3D20
16.7%	16.7% #58391B	RGB 88 57 27	#58391B
33.3%	33.3% #533517	RGB 83 53 23	#533517
50.0%	50.0% #4E3112	RGB 78 49 18	#4E3112
66.7%	66.7% #492D0E	RGB 73 45 14	#492D0E
83.3%	83.3% #442909	RGB 68 41 9	#442909
100.0%	100.0% #3F2505	RGB 63 37 5	#3F2505

#5E3D20 #58391B #533517 #4E3112 #492D0E #442909 #3F2505

#5E3D20 - #3F2505

HSV Blend

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

0.0%	0.0% #5E3D20	RGB 94 61 32	#5E3D20
16.7%	16.7% #58381A	RGB 88 56 26	#58381A
33.3%	33.3% #533415	RGB 83 52 21	#533415
50.0%	50.0% #4E3010	RGB 78 48 16	#4E3010
66.7%	66.7% #492C0C	RGB 73 44 12	#492C0C
83.3%	83.3% #442808	RGB 68 40 8	#442808
100.0%	100.0% #3F2505	RGB 63 37 5	#3F2505

#5E3D20 #58381A #533415 #4E3010 #492C0C #442808 #3F2505

#5E3D20 - #4E3010 - #3F2505

CSS codes

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

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