#5E1D3A - #1A080F | 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 #5E1D3A to #1A080F

#5E1D3A #1A080F

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

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

0.0%	0.0% #5E1D3A	RGB 94 29 58	#5E1D3A
16.7%	16.7% #521932	RGB 82 25 50	#521932
33.3%	33.3% #47162B	RGB 71 22 43	#47162B
50.0%	50.0% #3C1224	RGB 60 18 36	#3C1224
66.7%	66.7% #300F1D	RGB 48 15 29	#300F1D
83.3%	83.3% #250B16	RGB 37 11 22	#250B16
100.0%	100.0% #1A080F	RGB 26 8 15	#1A080F

#5E1D3A #521932 #47162B #3C1224 #300F1D #250B16 #1A080F

#5E1D3A - #1A080F

HSV Blend

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

0.0%	0.0% #5E1D3A	RGB 94 29 58	#5E1D3A
16.7%	16.7% #521932	RGB 82 25 50	#521932
33.3%	33.3% #47152B	RGB 71 21 43	#47152B
50.0%	50.0% #3C1223	RGB 60 18 35	#3C1223
66.7%	66.7% #300E1C	RGB 48 14 28	#300E1C
83.3%	83.3% #250B15	RGB 37 11 21	#250B15
100.0%	100.0% #1A080F	RGB 26 8 15	#1A080F

#5E1D3A #521932 #47152B #3C1223 #300E1C #250B15 #1A080F

#5E1D3A - #3C1223 - #1A080F

CSS codes

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

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