#5E1820 - #1A0608 | 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 #5E1820 to #1A0608

#5E1820 #1A0608

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

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

0.0%	0.0% #5E1820	RGB 94 24 32	#5E1820
16.7%	16.7% #52151C	RGB 82 21 28	#52151C
33.3%	33.3% #471218	RGB 71 18 24	#471218
50.0%	50.0% #3C0F14	RGB 60 15 20	#3C0F14
66.7%	66.7% #300C10	RGB 48 12 16	#300C10
83.3%	83.3% #25090C	RGB 37 9 12	#25090C
100.0%	100.0% #1A0608	RGB 26 6 8	#1A0608

#5E1820 #52151C #471218 #3C0F14 #300C10 #25090C #1A0608

#5E1820 - #1A0608

HSV Blend

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

0.0%	0.0% #5E1820	RGB 94 24 32	#5E1820
16.7%	16.7% #52141B	RGB 82 20 27	#52141B
33.3%	33.3% #471117	RGB 71 17 23	#471117
50.0%	50.0% #3C0E13	RGB 60 14 19	#3C0E13
66.7%	66.7% #300B0F	RGB 48 11 15	#300B0F
83.3%	83.3% #25080B	RGB 37 8 11	#25080B
100.0%	100.0% #1A0608	RGB 26 6 8	#1A0608

#5E1820 #52141B #471117 #3C0E13 #300B0F #25080B #1A0608

#5E1820 - #3C0E13 - #1A0608

CSS codes

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

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