#5A1ED7 - #24006F | 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 #5A1ED7 to #24006F

#5A1ED7 #24006F

Calculate the color between two colors, #5A1ED7 and #24006F. 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)

#5A1ED7 - #24006F | 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 #5A1ED7 as 0% and #24006F as 100%.

0.0%	0.0% #5A1ED7	RGB 90 30 215	#5A1ED7
16.7%	16.7% #5119C5	RGB 81 25 197	#5119C5
33.3%	33.3% #4814B4	RGB 72 20 180	#4814B4
50.0%	50.0% #3F0FA3	RGB 63 15 163	#3F0FA3
66.7%	66.7% #360A91	RGB 54 10 145	#360A91
83.3%	83.3% #2D0580	RGB 45 5 128	#2D0580
100.0%	100.0% #24006F	RGB 36 0 111	#24006F

#5A1ED7 #5119C5 #4814B4 #3F0FA3 #360A91 #2D0580 #24006F

#5A1ED7 - #24006F

HSV Blend

#5A1ED7 - #24006F | 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 #5A1ED7 as 0% and #24006F as 100%.

0.0%	0.0% #591ED7	RGB 89 30 215	#591ED7
16.7%	16.7% #4F16C5	RGB 79 22 197	#4F16C5
33.3%	33.3% #4510B4	RGB 69 16 180	#4510B4
50.0%	50.0% #3C0BA3	RGB 60 11 163	#3C0BA3
66.7%	66.7% #330691	RGB 51 6 145	#330691
83.3%	83.3% #2B0280	RGB 43 2 128	#2B0280
100.0%	100.0% #24006F	RGB 36 0 111	#24006F

#591ED7 #4F16C5 #4510B4 #3C0BA3 #330691 #2B0280 #24006F

#5A1ED7 - #3C0BA3 - #24006F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #591ED7 0%, #3C0BA3 50%, #24006F 100%);
    background: -webkit-linear-gradient(top, #591ED7 0%, #3C0BA3 50%, #24006F 100%);
    background: linear-gradient(to bottom, #591ED7 0%, #3C0BA3 50%, #24006F 100%);
}
</style>