#5E4341 - #3D0806 | 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 #5E4341 to #3D0806

#5E4341 #3D0806

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

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

0.0%	0.0% #5E4341	RGB 94 67 65	#5E4341
16.7%	16.7% #583937	RGB 88 57 55	#583937
33.3%	33.3% #532F2D	RGB 83 47 45	#532F2D
50.0%	50.0% #4D2523	RGB 77 37 35	#4D2523
66.7%	66.7% #481B19	RGB 72 27 25	#481B19
83.3%	83.3% #42110F	RGB 66 17 15	#42110F
100.0%	100.0% #3D0806	RGB 61 8 6	#3D0806

#5E4341 #583937 #532F2D #4D2523 #481B19 #42110F #3D0806

#5E4341 - #3D0806

HSV Blend

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

0.0%	0.0% #5E4341	RGB 94 67 65	#5E4341
16.7%	16.7% #583634	RGB 88 54 52	#583634
33.3%	33.3% #532B28	RGB 83 43 40	#532B28
50.0%	50.0% #4D211E	RGB 77 33 30	#4D211E
66.7%	66.7% #481715	RGB 72 23 21	#481715
83.3%	83.3% #420F0D	RGB 66 15 13	#420F0D
100.0%	100.0% #3D0806	RGB 61 8 6	#3D0806

#5E4341 #583634 #532B28 #4D211E #481715 #420F0D #3D0806

#5E4341 - #4D211E - #3D0806

CSS codes

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

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