#5E1D5C - #A53ADE | 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 #5E1D5C to #A53ADE

#5E1D5C #A53ADE

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

#5E1D5C - #A53ADE | 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 #5E1D5C as 0% and #A53ADE as 100%.

0.0%	0.0% #5E1D5C	RGB 94 29 92	#5E1D5C
16.7%	16.7% #692171	RGB 105 33 113	#692171
33.3%	33.3% #752687	RGB 117 38 135	#752687
50.0%	50.0% #812B9D	RGB 129 43 157	#812B9D
66.7%	66.7% #8D30B2	RGB 141 48 178	#8D30B2
83.3%	83.3% #9935C8	RGB 153 53 200	#9935C8
100.0%	100.0% #A53ADE	RGB 165 58 222	#A53ADE

#5E1D5C #692171 #752687 #812B9D #8D30B2 #9935C8 #A53ADE

#5E1D5C - #A53ADE

HSV Blend

#5E1D5C - #A53ADE | 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 #5E1D5C as 0% and #A53ADE as 100%.

0.0%	0.0% #5E1D5C	RGB 94 29 92	#5E1D5C
16.7%	16.7% #702273	RGB 112 34 115	#702273
33.3%	33.3% #7F2888	RGB 127 40 136	#7F2888
50.0%	50.0% #8C2D9E	RGB 140 45 158	#8C2D9E
66.7%	66.7% #9631B3	RGB 150 49 179	#9631B3
83.3%	83.3% #9E36C8	RGB 158 54 200	#9E36C8
100.0%	100.0% #A53ADE	RGB 165 58 222	#A53ADE

#5E1D5C #702273 #7F2888 #8C2D9E #9631B3 #9E36C8 #A53ADE

#5E1D5C - #8C2D9E - #A53ADE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1D5C 0%, #8C2D9E 50%, #A53ADE 100%);
    background: -webkit-linear-gradient(top, #5E1D5C 0%, #8C2D9E 50%, #A53ADE 100%);
    background: linear-gradient(to bottom, #5E1D5C 0%, #8C2D9E 50%, #A53ADE 100%);
}
</style>