#5E033F - #AC315F | 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 #5E033F to #AC315F

#5E033F #AC315F

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

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

0.0%	0.0% #5E033F	RGB 94 3 63	#5E033F
16.7%	16.7% #6B0A44	RGB 107 10 68	#6B0A44
33.3%	33.3% #781249	RGB 120 18 73	#781249
50.0%	50.0% #851A4F	RGB 133 26 79	#851A4F
66.7%	66.7% #922154	RGB 146 33 84	#922154
83.3%	83.3% #9F2959	RGB 159 41 89	#9F2959
100.0%	100.0% #AC315F	RGB 172 49 95	#AC315F

#5E033F #6B0A44 #781249 #851A4F #922154 #9F2959 #AC315F

#5E033F - #AC315F

HSV Blend

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

0.0%	0.0% #5E023E	RGB 94 2 62	#5E023E
16.7%	16.7% #6B0744	RGB 107 7 68	#6B0744
33.3%	33.3% #780D49	RGB 120 13 73	#780D49
50.0%	50.0% #85154E	RGB 133 21 78	#85154E
66.7%	66.7% #921D54	RGB 146 29 84	#921D54
83.3%	83.3% #9F2659	RGB 159 38 89	#9F2659
100.0%	100.0% #AC315F	RGB 172 49 95	#AC315F

#5E023E #6B0744 #780D49 #85154E #921D54 #9F2659 #AC315F

#5E033F - #85154E - #AC315F

CSS codes

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

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