#5E1919 - #3A0E05 | 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 #5E1919 to #3A0E05

#5E1919 #3A0E05

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

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

0.0%	0.0% #5E1919	RGB 94 25 25	#5E1919
16.7%	16.7% #581715	RGB 88 23 21	#581715
33.3%	33.3% #521512	RGB 82 21 18	#521512
50.0%	50.0% #4C130F	RGB 76 19 15	#4C130F
66.7%	66.7% #46110B	RGB 70 17 11	#46110B
83.3%	83.3% #400F08	RGB 64 15 8	#400F08
100.0%	100.0% #3A0E05	RGB 58 14 5	#3A0E05

#5E1919 #581715 #521512 #4C130F #46110B #400F08 #3A0E05

#5E1919 - #3A0E05

HSV Blend

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

0.0%	0.0% #5E1919	RGB 94 25 25	#5E1919
16.7%	16.7% #581614	RGB 88 22 20	#581614
33.3%	33.3% #521410	RGB 82 20 16	#521410
50.0%	50.0% #4C120D	RGB 76 18 13	#4C120D
66.7%	66.7% #46100A	RGB 70 16 10	#46100A
83.3%	83.3% #400F07	RGB 64 15 7	#400F07
100.0%	100.0% #3A0E05	RGB 58 14 5	#3A0E05

#5E1919 #581614 #521410 #4C120D #46100A #400F07 #3A0E05

#5E1919 - #4C120D - #3A0E05

CSS codes

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

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