#5E2449 - #36050E | 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 #5E2449 to #36050E

#5E2449 #36050E

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

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

0.0%	0.0% #5E2449	RGB 94 36 73	#5E2449
16.7%	16.7% #571E3F	RGB 87 30 63	#571E3F
33.3%	33.3% #501935	RGB 80 25 53	#501935
50.0%	50.0% #4A142B	RGB 74 20 43	#4A142B
66.7%	66.7% #430F21	RGB 67 15 33	#430F21
83.3%	83.3% #3C0A17	RGB 60 10 23	#3C0A17
100.0%	100.0% #36050E	RGB 54 5 14	#36050E

#5E2449 #571E3F #501935 #4A142B #430F21 #3C0A17 #36050E

#5E2449 - #36050E

HSV Blend

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

0.0%	0.0% #5E2449	RGB 94 36 73	#5E2449
16.7%	16.7% #571D3D	RGB 87 29 61	#571D3D
33.3%	33.3% #501733	RGB 80 23 51	#501733
50.0%	50.0% #4A1128	RGB 74 17 40	#4A1128
66.7%	66.7% #430C1F	RGB 67 12 31	#430C1F
83.3%	83.3% #3C0816	RGB 60 8 22	#3C0816
100.0%	100.0% #36050E	RGB 54 5 14	#36050E

#5E2449 #571D3D #501733 #4A1128 #430C1F #3C0816 #36050E

#5E2449 - #4A1128 - #36050E

CSS codes

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

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