#4A0D5E - #AE4678 | 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 #4A0D5E to #AE4678

#4A0D5E #AE4678

Calculate the color between two colors, #4A0D5E and #AE4678. 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)

#4A0D5E - #AE4678 | 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 #4A0D5E as 0% and #AE4678 as 100%.

0.0%	0.0% #4A0D5E	RGB 74 13 94	#4A0D5E
16.7%	16.7% #5A1662	RGB 90 22 98	#5A1662
33.3%	33.3% #6B2066	RGB 107 32 102	#6B2066
50.0%	50.0% #7C296B	RGB 124 41 107	#7C296B
66.7%	66.7% #8C336F	RGB 140 51 111	#8C336F
83.3%	83.3% #9D3C73	RGB 157 60 115	#9D3C73
100.0%	100.0% #AE4678	RGB 174 70 120	#AE4678

#4A0D5E #5A1662 #6B2066 #7C296B #8C336F #9D3C73 #AE4678

#4A0D5E - #AE4678

HSV Blend

#4A0D5E - #AE4678 | 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 #4A0D5E as 0% and #AE4678 as 100%.

0.0%	0.0% #4A0C5E	RGB 74 12 94	#4A0C5E
16.7%	16.7% #60136B	RGB 96 19 107	#60136B
33.3%	33.3% #781B77	RGB 120 27 119	#781B77
50.0%	50.0% #862478	RGB 134 36 120	#862478
66.7%	66.7% #932E78	RGB 147 46 120	#932E78
83.3%	83.3% #A03978	RGB 160 57 120	#A03978
100.0%	100.0% #AE4678	RGB 174 70 120	#AE4678

#4A0C5E #60136B #781B77 #862478 #932E78 #A03978 #AE4678

#4A0D5E - #862478 - #AE4678

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A0C5E 0%, #862478 50%, #AE4678 100%);
    background: -webkit-linear-gradient(top, #4A0C5E 0%, #862478 50%, #AE4678 100%);
    background: linear-gradient(to bottom, #4A0C5E 0%, #862478 50%, #AE4678 100%);
}
</style>