#5E074C - #AC286D | 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 #5E074C to #AC286D

#5E074C #AC286D

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

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

0.0%	0.0% #5E074C	RGB 94 7 76	#5E074C
16.7%	16.7% #6B0C51	RGB 107 12 81	#6B0C51
33.3%	33.3% #781257	RGB 120 18 87	#781257
50.0%	50.0% #85175C	RGB 133 23 92	#85175C
66.7%	66.7% #921D62	RGB 146 29 98	#921D62
83.3%	83.3% #9F2267	RGB 159 34 103	#9F2267
100.0%	100.0% #AC286D	RGB 172 40 109	#AC286D

#5E074C #6B0C51 #781257 #85175C #921D62 #9F2267 #AC286D

#5E074C - #AC286D

HSV Blend

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

0.0%	0.0% #5E064C	RGB 94 6 76	#5E064C
16.7%	16.7% #6B0A52	RGB 107 10 82	#6B0A52
33.3%	33.3% #780F58	RGB 120 15 88	#780F58
50.0%	50.0% #85145E	RGB 133 20 94	#85145E
66.7%	66.7% #921A63	RGB 146 26 99	#921A63
83.3%	83.3% #9F2068	RGB 159 32 104	#9F2068
100.0%	100.0% #AC286D	RGB 172 40 109	#AC286D

#5E064C #6B0A52 #780F58 #85145E #921A63 #9F2068 #AC286D

#5E074C - #85145E - #AC286D

CSS codes

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

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