#AA2DCE - #300C3A | 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 #AA2DCE to #300C3A

#AA2DCE #300C3A

Calculate the color between two colors, #AA2DCE and #300C3A. 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)

#AA2DCE - #300C3A | 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 #AA2DCE as 0% and #300C3A as 100%.

0.0%	0.0% #AA2DCE	RGB 170 45 206	#AA2DCE
16.7%	16.7% #9527B5	RGB 149 39 181	#9527B5
33.3%	33.3% #81229C	RGB 129 34 156	#81229C
50.0%	50.0% #6D1C84	RGB 109 28 132	#6D1C84
66.7%	66.7% #58176B	RGB 88 23 107	#58176B
83.3%	83.3% #441152	RGB 68 17 82	#441152
100.0%	100.0% #300C3A	RGB 48 12 58	#300C3A

#AA2DCE #9527B5 #81229C #6D1C84 #58176B #441152 #300C3A

#AA2DCE - #300C3A

HSV Blend

#AA2DCE - #300C3A | 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 #AA2DCE as 0% and #300C3A as 100%.

0.0%	0.0% #A92DCE	RGB 169 45 206	#A92DCE
16.7%	16.7% #9527B5	RGB 149 39 181	#9527B5
33.3%	33.3% #81219C	RGB 129 33 156	#81219C
50.0%	50.0% #6D1C84	RGB 109 28 132	#6D1C84
66.7%	66.7% #58166B	RGB 88 22 107	#58166B
83.3%	83.3% #441152	RGB 68 17 82	#441152
100.0%	100.0% #300C3A	RGB 48 12 58	#300C3A

#A92DCE #9527B5 #81219C #6D1C84 #58166B #441152 #300C3A

#AA2DCE - #6D1C84 - #300C3A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A92DCE 0%, #6D1C84 50%, #300C3A 100%);
    background: -webkit-linear-gradient(top, #A92DCE 0%, #6D1C84 50%, #300C3A 100%);
    background: linear-gradient(to bottom, #A92DCE 0%, #6D1C84 50%, #300C3A 100%);
}
</style>