#A832D3 - #2F0E3C | 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 #A832D3 to #2F0E3C

#A832D3 #2F0E3C

Calculate the color between two colors, #A832D3 and #2F0E3C. 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)

#A832D3 - #2F0E3C | 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 #A832D3 as 0% and #2F0E3C as 100%.

0.0%	0.0% #A832D3	RGB 168 50 211	#A832D3
16.7%	16.7% #932CB9	RGB 147 44 185	#932CB9
33.3%	33.3% #7F26A0	RGB 127 38 160	#7F26A0
50.0%	50.0% #6B2087	RGB 107 32 135	#6B2087
66.7%	66.7% #571A6E	RGB 87 26 110	#571A6E
83.3%	83.3% #431455	RGB 67 20 85	#431455
100.0%	100.0% #2F0E3C	RGB 47 14 60	#2F0E3C

#A832D3 #932CB9 #7F26A0 #6B2087 #571A6E #431455 #2F0E3C

#A832D3 - #2F0E3C

HSV Blend

#A832D3 - #2F0E3C | 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 #A832D3 as 0% and #2F0E3C as 100%.

0.0%	0.0% #A732D3	RGB 167 50 211	#A732D3
16.7%	16.7% #932BB9	RGB 147 43 185	#932BB9
33.3%	33.3% #7F25A0	RGB 127 37 160	#7F25A0
50.0%	50.0% #6B1F87	RGB 107 31 135	#6B1F87
66.7%	66.7% #56196E	RGB 86 25 110	#56196E
83.3%	83.3% #421355	RGB 66 19 85	#421355
100.0%	100.0% #2F0E3C	RGB 47 14 60	#2F0E3C

#A732D3 #932BB9 #7F25A0 #6B1F87 #56196E #421355 #2F0E3C

#A832D3 - #6B1F87 - #2F0E3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A732D3 0%, #6B1F87 50%, #2F0E3C 100%);
    background: -webkit-linear-gradient(top, #A732D3 0%, #6B1F87 50%, #2F0E3C 100%);
    background: linear-gradient(to bottom, #A732D3 0%, #6B1F87 50%, #2F0E3C 100%);
}
</style>