#A874C2 - #511774 | 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 #A874C2 to #511774

#A874C2 #511774

Calculate the color between two colors, #A874C2 and #511774. 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)

#A874C2 - #511774 | 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 #A874C2 as 0% and #511774 as 100%.

0.0%	0.0% #A874C2	RGB 168 116 194	#A874C2
16.7%	16.7% #9964B5	RGB 153 100 181	#9964B5
33.3%	33.3% #8B55A8	RGB 139 85 168	#8B55A8
50.0%	50.0% #7C459B	RGB 124 69 155	#7C459B
66.7%	66.7% #6E368E	RGB 110 54 142	#6E368E
83.3%	83.3% #5F2681	RGB 95 38 129	#5F2681
100.0%	100.0% #511774	RGB 81 23 116	#511774

#A874C2 #9964B5 #8B55A8 #7C459B #6E368E #5F2681 #511774

#A874C2 - #511774

HSV Blend

#A874C2 - #511774 | 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 #A874C2 as 0% and #511774 as 100%.

0.0%	0.0% #A774C2	RGB 167 116 194	#A774C2
16.7%	16.7% #9860B5	RGB 152 96 181	#9860B5
33.3%	33.3% #884EA8	RGB 136 78 168	#884EA8
50.0%	50.0% #793D9B	RGB 121 61 155	#793D9B
66.7%	66.7% #6B2F8E	RGB 107 47 142	#6B2F8E
83.3%	83.3% #5D2281	RGB 93 34 129	#5D2281
100.0%	100.0% #511774	RGB 81 23 116	#511774

#A774C2 #9860B5 #884EA8 #793D9B #6B2F8E #5D2281 #511774

#A874C2 - #793D9B - #511774

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A774C2 0%, #793D9B 50%, #511774 100%);
    background: -webkit-linear-gradient(top, #A774C2 0%, #793D9B 50%, #511774 100%);
    background: linear-gradient(to bottom, #A774C2 0%, #793D9B 50%, #511774 100%);
}
</style>