#5E161D - #3A0608 | 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 #5E161D to #3A0608

#5E161D #3A0608

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

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

0.0%	0.0% #5E161D	RGB 94 22 29	#5E161D
16.7%	16.7% #581319	RGB 88 19 25	#581319
33.3%	33.3% #521016	RGB 82 16 22	#521016
50.0%	50.0% #4C0E12	RGB 76 14 18	#4C0E12
66.7%	66.7% #460B0F	RGB 70 11 15	#460B0F
83.3%	83.3% #40080B	RGB 64 8 11	#40080B
100.0%	100.0% #3A0608	RGB 58 6 8	#3A0608

#5E161D #581319 #521016 #4C0E12 #460B0F #40080B #3A0608

#5E161D - #3A0608

HSV Blend

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

0.0%	0.0% #5E151C	RGB 94 21 28	#5E151C
16.7%	16.7% #581218	RGB 88 18 24	#581218
33.3%	33.3% #520F14	RGB 82 15 20	#520F14
50.0%	50.0% #4C0C11	RGB 76 12 17	#4C0C11
66.7%	66.7% #460A0D	RGB 70 10 13	#460A0D
83.3%	83.3% #40080A	RGB 64 8 10	#40080A
100.0%	100.0% #3A0608	RGB 58 6 8	#3A0608

#5E151C #581218 #520F14 #4C0C11 #460A0D #40080A #3A0608

#5E161D - #4C0C11 - #3A0608

CSS codes

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

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