#5E2548 - #36060E | 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 #5E2548 to #36060E

#5E2548 #36060E

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

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

0.0%	0.0% #5E2548	RGB 94 37 72	#5E2548
16.7%	16.7% #571F3E	RGB 87 31 62	#571F3E
33.3%	33.3% #501A34	RGB 80 26 52	#501A34
50.0%	50.0% #4A152B	RGB 74 21 43	#4A152B
66.7%	66.7% #431021	RGB 67 16 33	#431021
83.3%	83.3% #3C0B17	RGB 60 11 23	#3C0B17
100.0%	100.0% #36060E	RGB 54 6 14	#36060E

#5E2548 #571F3E #501A34 #4A152B #431021 #3C0B17 #36060E

#5E2548 - #36060E

HSV Blend

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

0.0%	0.0% #5E2548	RGB 94 37 72	#5E2548
16.7%	16.7% #571E3D	RGB 87 30 61	#571E3D
33.3%	33.3% #501832	RGB 80 24 50	#501832
50.0%	50.0% #4A1228	RGB 74 18 40	#4A1228
66.7%	66.7% #430D1E	RGB 67 13 30	#430D1E
83.3%	83.3% #3C0915	RGB 60 9 21	#3C0915
100.0%	100.0% #36060E	RGB 54 6 14	#36060E

#5E2548 #571E3D #501832 #4A1228 #430D1E #3C0915 #36060E

#5E2548 - #4A1228 - #36060E

CSS codes

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

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