#5E3641 - #3B160C | 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 #5E3641 to #3B160C

#5E3641 #3B160C

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

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

0.0%	0.0% #5E3641	RGB 94 54 65	#5E3641
16.7%	16.7% #583038	RGB 88 48 56	#583038
33.3%	33.3% #522B2F	RGB 82 43 47	#522B2F
50.0%	50.0% #4C2626	RGB 76 38 38	#4C2626
66.7%	66.7% #46201D	RGB 70 32 29	#46201D
83.3%	83.3% #401B14	RGB 64 27 20	#401B14
100.0%	100.0% #3B160C	RGB 59 22 12	#3B160C

#5E3641 #583038 #522B2F #4C2626 #46201D #401B14 #3B160C

#5E3641 - #3B160C

HSV Blend

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

0.0%	0.0% #5E3641	RGB 94 54 65	#5E3641
16.7%	16.7% #582D35	RGB 88 45 53	#582D35
33.3%	33.3% #52252A	RGB 82 37 42	#52252A
50.0%	50.0% #4C1D1F	RGB 76 29 31	#4C1D1F
66.7%	66.7% #461917	RGB 70 25 23	#461917
83.3%	83.3% #401711	RGB 64 23 17	#401711
100.0%	100.0% #3B160C	RGB 59 22 12	#3B160C

#5E3641 #582D35 #52252A #4C1D1F #461917 #401711 #3B160C

#5E3641 - #4C1D1F - #3B160C

CSS codes

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

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