#5E192E - #1A070D | 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 #5E192E to #1A070D

#5E192E #1A070D

Calculate the color between two colors, #5E192E and #1A070D. 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)

#5E192E - #1A070D | 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 #5E192E as 0% and #1A070D as 100%.

0.0%	0.0% #5E192E	RGB 94 25 46	#5E192E
16.7%	16.7% #521628	RGB 82 22 40	#521628
33.3%	33.3% #471323	RGB 71 19 35	#471323
50.0%	50.0% #3C101D	RGB 60 16 29	#3C101D
66.7%	66.7% #300D18	RGB 48 13 24	#300D18
83.3%	83.3% #250A12	RGB 37 10 18	#250A12
100.0%	100.0% #1A070D	RGB 26 7 13	#1A070D

#5E192E #521628 #471323 #3C101D #300D18 #250A12 #1A070D

#5E192E - #1A070D

HSV Blend

#5E192E - #1A070D | 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 #5E192E as 0% and #1A070D as 100%.

0.0%	0.0% #5E192D	RGB 94 25 45	#5E192D
16.7%	16.7% #521628	RGB 82 22 40	#521628
33.3%	33.3% #471323	RGB 71 19 35	#471323
50.0%	50.0% #3C101D	RGB 60 16 29	#3C101D
66.7%	66.7% #300D18	RGB 48 13 24	#300D18
83.3%	83.3% #250A12	RGB 37 10 18	#250A12
100.0%	100.0% #1A070D	RGB 26 7 13	#1A070D

#5E192D #521628 #471323 #3C101D #300D18 #250A12 #1A070D

#5E192E - #3C101D - #1A070D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E192D 0%, #3C101D 50%, #1A070D 100%);
    background: -webkit-linear-gradient(top, #5E192D 0%, #3C101D 50%, #1A070D 100%);
    background: linear-gradient(to bottom, #5E192D 0%, #3C101D 50%, #1A070D 100%);
}
</style>