#5E2F5C - #28003A | 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 #5E2F5C to #28003A

#5E2F5C #28003A

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

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

0.0%	0.0% #5E2F5C	RGB 94 47 92	#5E2F5C
16.7%	16.7% #552756	RGB 85 39 86	#552756
33.3%	33.3% #4C1F50	RGB 76 31 80	#4C1F50
50.0%	50.0% #43174B	RGB 67 23 75	#43174B
66.7%	66.7% #3A0F45	RGB 58 15 69	#3A0F45
83.3%	83.3% #31073F	RGB 49 7 63	#31073F
100.0%	100.0% #28003A	RGB 40 0 58	#28003A

#5E2F5C #552756 #4C1F50 #43174B #3A0F45 #31073F #28003A

#5E2F5C - #28003A

HSV Blend

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

0.0%	0.0% #5E2F5B	RGB 94 47 91	#5E2F5B
16.7%	16.7% #572458	RGB 87 36 88	#572458
33.3%	33.3% #4D1B52	RGB 77 27 82	#4D1B52
50.0%	50.0% #44134C	RGB 68 19 76	#44134C
66.7%	66.7% #3A0B46	RGB 58 11 70	#3A0B46
83.3%	83.3% #310540	RGB 49 5 64	#310540
100.0%	100.0% #28003A	RGB 40 0 58	#28003A

#5E2F5B #572458 #4D1B52 #44134C #3A0B46 #310540 #28003A

#5E2F5C - #44134C - #28003A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2F5B 0%, #44134C 50%, #28003A 100%);
    background: -webkit-linear-gradient(top, #5E2F5B 0%, #44134C 50%, #28003A 100%);
    background: linear-gradient(to bottom, #5E2F5B 0%, #44134C 50%, #28003A 100%);
}
</style>