#5E102F - #1A040C | 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 #5E102F to #1A040C

#5E102F #1A040C

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

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

0.0%	0.0% #5E102F	RGB 94 16 47	#5E102F
16.7%	16.7% #520E29	RGB 82 14 41	#520E29
33.3%	33.3% #470C23	RGB 71 12 35	#470C23
50.0%	50.0% #3C0A1D	RGB 60 10 29	#3C0A1D
66.7%	66.7% #300817	RGB 48 8 23	#300817
83.3%	83.3% #250611	RGB 37 6 17	#250611
100.0%	100.0% #1A040C	RGB 26 4 12	#1A040C

#5E102F #520E29 #470C23 #3C0A1D #300817 #250611 #1A040C

#5E102F - #1A040C

HSV Blend

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

0.0%	0.0% #5E0F2E	RGB 94 15 46	#5E0F2E
16.7%	16.7% #520D28	RGB 82 13 40	#520D28
33.3%	33.3% #470B22	RGB 71 11 34	#470B22
50.0%	50.0% #3C091C	RGB 60 9 28	#3C091C
66.7%	66.7% #300717	RGB 48 7 23	#300717
83.3%	83.3% #250511	RGB 37 5 17	#250511
100.0%	100.0% #1A040C	RGB 26 4 12	#1A040C

#5E0F2E #520D28 #470B22 #3C091C #300717 #250511 #1A040C

#5E102F - #3C091C - #1A040C

CSS codes

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

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