#5B2B5E - #30003D | 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 #5B2B5E to #30003D

#5B2B5E #30003D

Calculate the color between two colors, #5B2B5E and #30003D. 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)

#5B2B5E - #30003D | 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 #5B2B5E as 0% and #30003D as 100%.

0.0%	0.0% #5B2B5E	RGB 91 43 94	#5B2B5E
16.7%	16.7% #532358	RGB 83 35 88	#532358
33.3%	33.3% #4C1C53	RGB 76 28 83	#4C1C53
50.0%	50.0% #45154D	RGB 69 21 77	#45154D
66.7%	66.7% #3E0E48	RGB 62 14 72	#3E0E48
83.3%	83.3% #370742	RGB 55 7 66	#370742
100.0%	100.0% #30003D	RGB 48 0 61	#30003D

#5B2B5E #532358 #4C1C53 #45154D #3E0E48 #370742 #30003D

#5B2B5E - #30003D

HSV Blend

#5B2B5E - #30003D | 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 #5B2B5E as 0% and #30003D as 100%.

0.0%	0.0% #5B2B5E	RGB 91 43 94	#5B2B5E
16.7%	16.7% #532158	RGB 83 33 88	#532158
33.3%	33.3% #4C1953	RGB 76 25 83	#4C1953
50.0%	50.0% #45114D	RGB 69 17 77	#45114D
66.7%	66.7% #3E0A48	RGB 62 10 72	#3E0A48
83.3%	83.3% #360542	RGB 54 5 66	#360542
100.0%	100.0% #30003D	RGB 48 0 61	#30003D

#5B2B5E #532158 #4C1953 #45114D #3E0A48 #360542 #30003D

#5B2B5E - #45114D - #30003D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B2B5E 0%, #45114D 50%, #30003D 100%);
    background: -webkit-linear-gradient(top, #5B2B5E 0%, #45114D 50%, #30003D 100%);
    background: linear-gradient(to bottom, #5B2B5E 0%, #45114D 50%, #30003D 100%);
}
</style>