#A22BAC - #5E0059 | 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 #A22BAC to #5E0059

#A22BAC #5E0059

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

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

0.0%	0.0% #A22BAC	RGB 162 43 172	#A22BAC
16.7%	16.7% #96239E	RGB 150 35 158	#96239E
33.3%	33.3% #8B1C90	RGB 139 28 144	#8B1C90
50.0%	50.0% #801582	RGB 128 21 130	#801582
66.7%	66.7% #740E74	RGB 116 14 116	#740E74
83.3%	83.3% #690766	RGB 105 7 102	#690766
100.0%	100.0% #5E0059	RGB 94 0 89	#5E0059

#A22BAC #96239E #8B1C90 #801582 #740E74 #690766 #5E0059

#A22BAC - #5E0059

HSV Blend

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

0.0%	0.0% #A12BAC	RGB 161 43 172	#A12BAC
16.7%	16.7% #97219F	RGB 151 33 159	#97219F
33.3%	33.3% #8D1892	RGB 141 24 146	#8D1892
50.0%	50.0% #831085	RGB 131 16 133	#831085
66.7%	66.7% #780976	RGB 120 9 118	#780976
83.3%	83.3% #6B0467	RGB 107 4 103	#6B0467
100.0%	100.0% #5E0059	RGB 94 0 89	#5E0059

#A12BAC #97219F #8D1892 #831085 #780976 #6B0467 #5E0059

#A22BAC - #831085 - #5E0059

CSS codes

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

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