#5E125B - #A83BC9 | 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 #5E125B to #A83BC9

#5E125B #A83BC9

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

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

0.0%	0.0% #5E125B	RGB 94 18 91	#5E125B
16.7%	16.7% #6A186D	RGB 106 24 109	#6A186D
33.3%	33.3% #761F7F	RGB 118 31 127	#761F7F
50.0%	50.0% #832692	RGB 131 38 146	#832692
66.7%	66.7% #8F2DA4	RGB 143 45 164	#8F2DA4
83.3%	83.3% #9B34B6	RGB 155 52 182	#9B34B6
100.0%	100.0% #A83BC9	RGB 168 59 201	#A83BC9

#5E125B #6A186D #761F7F #832692 #8F2DA4 #9B34B6 #A83BC9

#5E125B - #A83BC9

HSV Blend

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

0.0%	0.0% #5E115A	RGB 94 17 90	#5E115A
16.7%	16.7% #6F176F	RGB 111 23 111	#6F176F
33.3%	33.3% #7C1D81	RGB 124 29 129	#7C1D81
50.0%	50.0% #882393	RGB 136 35 147	#882393
66.7%	66.7% #932AA5	RGB 147 42 165	#932AA5
83.3%	83.3% #9E32B7	RGB 158 50 183	#9E32B7
100.0%	100.0% #A83BC9	RGB 168 59 201	#A83BC9

#5E115A #6F176F #7C1D81 #882393 #932AA5 #9E32B7 #A83BC9

#5E125B - #882393 - #A83BC9

CSS codes

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

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