#5E1029 - #1A040B | 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 #5E1029 to #1A040B

#5E1029 #1A040B

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

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

0.0%	0.0% #5E1029	RGB 94 16 41	#5E1029
16.7%	16.7% #520E24	RGB 82 14 36	#520E24
33.3%	33.3% #470C1F	RGB 71 12 31	#470C1F
50.0%	50.0% #3C0A1A	RGB 60 10 26	#3C0A1A
66.7%	66.7% #300815	RGB 48 8 21	#300815
83.3%	83.3% #250610	RGB 37 6 16	#250610
100.0%	100.0% #1A040B	RGB 26 4 11	#1A040B

#5E1029 #520E24 #470C1F #3C0A1A #300815 #250610 #1A040B

#5E1029 - #1A040B

HSV Blend

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

0.0%	0.0% #5E0F29	RGB 94 15 41	#5E0F29
16.7%	16.7% #520D23	RGB 82 13 35	#520D23
33.3%	33.3% #470B1E	RGB 71 11 30	#470B1E
50.0%	50.0% #3C0919	RGB 60 9 25	#3C0919
66.7%	66.7% #300714	RGB 48 7 20	#300714
83.3%	83.3% #25050F	RGB 37 5 15	#25050F
100.0%	100.0% #1A040B	RGB 26 4 11	#1A040B

#5E0F29 #520D23 #470B1E #3C0919 #300714 #25050F #1A040B

#5E1029 - #3C0919 - #1A040B

CSS codes

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

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