#5E304B - #AA59BB | 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 #5E304B to #AA59BB

#5E304B #AA59BB

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

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

0.0%	0.0% #5E304B	RGB 94 48 75	#5E304B
16.7%	16.7% #6A365D	RGB 106 54 93	#6A365D
33.3%	33.3% #773D70	RGB 119 61 112	#773D70
50.0%	50.0% #844483	RGB 132 68 131	#844483
66.7%	66.7% #904B95	RGB 144 75 149	#904B95
83.3%	83.3% #9D52A8	RGB 157 82 168	#9D52A8
100.0%	100.0% #AA59BB	RGB 170 89 187	#AA59BB

#5E304B #6A365D #773D70 #844483 #904B95 #9D52A8 #AA59BB

#5E304B - #AA59BB

HSV Blend

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

0.0%	0.0% #5E304A	RGB 94 48 74	#5E304A
16.7%	16.7% #6D375C	RGB 109 55 92	#6D375C
33.3%	33.3% #7D3E6F	RGB 125 62 111	#7D3E6F
50.0%	50.0% #8C4583	RGB 140 69 131	#8C4583
66.7%	66.7% #9C4C9A	RGB 156 76 154	#9C4C9A
83.3%	83.3% #A452AB	RGB 164 82 171	#A452AB
100.0%	100.0% #AA59BB	RGB 170 89 187	#AA59BB

#5E304A #6D375C #7D3E6F #8C4583 #9C4C9A #A452AB #AA59BB

#5E304B - #8C4583 - #AA59BB

CSS codes

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

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