#5E2A47 - #36080E | 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 #5E2A47 to #36080E

#5E2A47 #36080E

Calculate the color between two colors, #5E2A47 and #36080E. 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)

#5E2A47 - #36080E | 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 #5E2A47 as 0% and #36080E as 100%.

0.0%	0.0% #5E2A47	RGB 94 42 71	#5E2A47
16.7%	16.7% #57243D	RGB 87 36 61	#57243D
33.3%	33.3% #501E34	RGB 80 30 52	#501E34
50.0%	50.0% #4A192A	RGB 74 25 42	#4A192A
66.7%	66.7% #431321	RGB 67 19 33	#431321
83.3%	83.3% #3C0D17	RGB 60 13 23	#3C0D17
100.0%	100.0% #36080E	RGB 54 8 14	#36080E

#5E2A47 #57243D #501E34 #4A192A #431321 #3C0D17 #36080E

#5E2A47 - #36080E

HSV Blend

#5E2A47 - #36080E | 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 #5E2A47 as 0% and #36080E as 100%.

0.0%	0.0% #5E2A47	RGB 94 42 71	#5E2A47
16.7%	16.7% #57223C	RGB 87 34 60	#57223C
33.3%	33.3% #501C31	RGB 80 28 49	#501C31
50.0%	50.0% #4A1627	RGB 74 22 39	#4A1627
66.7%	66.7% #43101E	RGB 67 16 30	#43101E
83.3%	83.3% #3C0C15	RGB 60 12 21	#3C0C15
100.0%	100.0% #36080E	RGB 54 8 14	#36080E

#5E2A47 #57223C #501C31 #4A1627 #43101E #3C0C15 #36080E

#5E2A47 - #4A1627 - #36080E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2A47 0%, #4A1627 50%, #36080E 100%);
    background: -webkit-linear-gradient(top, #5E2A47 0%, #4A1627 50%, #36080E 100%);
    background: linear-gradient(to bottom, #5E2A47 0%, #4A1627 50%, #36080E 100%);
}
</style>