#A343A8 - #2E1330 | 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 #A343A8 to #2E1330

#A343A8 #2E1330

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

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

0.0%	0.0% #A343A8	RGB 163 67 168	#A343A8
16.7%	16.7% #8F3B94	RGB 143 59 148	#8F3B94
33.3%	33.3% #7C3380	RGB 124 51 128	#7C3380
50.0%	50.0% #682B6C	RGB 104 43 108	#682B6C
66.7%	66.7% #552358	RGB 85 35 88	#552358
83.3%	83.3% #411B44	RGB 65 27 68	#411B44
100.0%	100.0% #2E1330	RGB 46 19 48	#2E1330

#A343A8 #8F3B94 #7C3380 #682B6C #552358 #411B44 #2E1330

#A343A8 - #2E1330

HSV Blend

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

0.0%	0.0% #A243A8	RGB 162 67 168	#A243A8
16.7%	16.7% #8F3A94	RGB 143 58 148	#8F3A94
33.3%	33.3% #7B3280	RGB 123 50 128	#7B3280
50.0%	50.0% #682A6C	RGB 104 42 108	#682A6C
66.7%	66.7% #542258	RGB 84 34 88	#542258
83.3%	83.3% #411A44	RGB 65 26 68	#411A44
100.0%	100.0% #2E1330	RGB 46 19 48	#2E1330

#A243A8 #8F3A94 #7B3280 #682A6C #542258 #411A44 #2E1330

#A343A8 - #682A6C - #2E1330

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A243A8 0%, #682A6C 50%, #2E1330 100%);
    background: -webkit-linear-gradient(top, #A243A8 0%, #682A6C 50%, #2E1330 100%);
    background: linear-gradient(to bottom, #A243A8 0%, #682A6C 50%, #2E1330 100%);
}
</style>