#5E193E - #1A0711 | 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 #5E193E to #1A0711

#5E193E #1A0711

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

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

0.0%	0.0% #5E193E	RGB 94 25 62	#5E193E
16.7%	16.7% #521636	RGB 82 22 54	#521636
33.3%	33.3% #47132F	RGB 71 19 47	#47132F
50.0%	50.0% #3C1027	RGB 60 16 39	#3C1027
66.7%	66.7% #300D20	RGB 48 13 32	#300D20
83.3%	83.3% #250A18	RGB 37 10 24	#250A18
100.0%	100.0% #1A0711	RGB 26 7 17	#1A0711

#5E193E #521636 #47132F #3C1027 #300D20 #250A18 #1A0711

#5E193E - #1A0711

HSV Blend

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

0.0%	0.0% #5E193E	RGB 94 25 62	#5E193E
16.7%	16.7% #521636	RGB 82 22 54	#521636
33.3%	33.3% #47132E	RGB 71 19 46	#47132E
50.0%	50.0% #3C1027	RGB 60 16 39	#3C1027
66.7%	66.7% #300D1F	RGB 48 13 31	#300D1F
83.3%	83.3% #250A18	RGB 37 10 24	#250A18
100.0%	100.0% #1A0711	RGB 26 7 17	#1A0711

#5E193E #521636 #47132E #3C1027 #300D1F #250A18 #1A0711

#5E193E - #3C1027 - #1A0711

CSS codes

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

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