#5E1B3E - #A15AB2 | 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 #5E1B3E to #A15AB2

#5E1B3E #A15AB2

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

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

0.0%	0.0% #5E1B3E	RGB 94 27 62	#5E1B3E
16.7%	16.7% #692551	RGB 105 37 81	#692551
33.3%	33.3% #743064	RGB 116 48 100	#743064
50.0%	50.0% #7F3A78	RGB 127 58 120	#7F3A78
66.7%	66.7% #8A458B	RGB 138 69 139	#8A458B
83.3%	83.3% #954F9E	RGB 149 79 158	#954F9E
100.0%	100.0% #A15AB2	RGB 161 90 178	#A15AB2

#5E1B3E #692551 #743064 #7F3A78 #8A458B #954F9E #A15AB2

#5E1B3E - #A15AB2

HSV Blend

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

0.0%	0.0% #5E1B3E	RGB 94 27 62	#5E1B3E
16.7%	16.7% #6C2251	RGB 108 34 81	#6C2251
33.3%	33.3% #7A2B66	RGB 122 43 102	#7A2B66
50.0%	50.0% #88357C	RGB 136 53 124	#88357C
66.7%	66.7% #964093	RGB 150 64 147	#964093
83.3%	83.3% #9C4CA4	RGB 156 76 164	#9C4CA4
100.0%	100.0% #A15AB2	RGB 161 90 178	#A15AB2

#5E1B3E #6C2251 #7A2B66 #88357C #964093 #9C4CA4 #A15AB2

#5E1B3E - #88357C - #A15AB2

CSS codes

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

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