#5E185C - #32063A | 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 #5E185C to #32063A

#5E185C #32063A

Calculate the color between two colors, #5E185C and #32063A. 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)

#5E185C - #32063A | 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 #5E185C as 0% and #32063A as 100%.

0.0%	0.0% #5E185C	RGB 94 24 92	#5E185C
16.7%	16.7% #561556	RGB 86 21 86	#561556
33.3%	33.3% #4F1250	RGB 79 18 80	#4F1250
50.0%	50.0% #480F4B	RGB 72 15 75	#480F4B
66.7%	66.7% #400C45	RGB 64 12 69	#400C45
83.3%	83.3% #39093F	RGB 57 9 63	#39093F
100.0%	100.0% #32063A	RGB 50 6 58	#32063A

#5E185C #561556 #4F1250 #480F4B #400C45 #39093F #32063A

#5E185C - #32063A

HSV Blend

#5E185C - #32063A | 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 #5E185C as 0% and #32063A as 100%.

0.0%	0.0% #5E185B	RGB 94 24 91	#5E185B
16.7%	16.7% #571458	RGB 87 20 88	#571458
33.3%	33.3% #4F1052	RGB 79 16 82	#4F1052
50.0%	50.0% #480D4C	RGB 72 13 76	#480D4C
66.7%	66.7% #400A46	RGB 64 10 70	#400A46
83.3%	83.3% #390840	RGB 57 8 64	#390840
100.0%	100.0% #32063A	RGB 50 6 58	#32063A

#5E185B #571458 #4F1052 #480D4C #400A46 #390840 #32063A

#5E185C - #480D4C - #32063A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E185B 0%, #480D4C 50%, #32063A 100%);
    background: -webkit-linear-gradient(top, #5E185B 0%, #480D4C 50%, #32063A 100%);
    background: linear-gradient(to bottom, #5E185B 0%, #480D4C 50%, #32063A 100%);
}
</style>