#AC269E - #310A2D | 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 #AC269E to #310A2D

#AC269E #310A2D

Calculate the color between two colors, #AC269E and #310A2D. 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)

#AC269E - #310A2D | 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 #AC269E as 0% and #310A2D as 100%.

0.0%	0.0% #AC269E	RGB 172 38 158	#AC269E
16.7%	16.7% #97218B	RGB 151 33 139	#97218B
33.3%	33.3% #831C78	RGB 131 28 120	#831C78
50.0%	50.0% #6E1865	RGB 110 24 101	#6E1865
66.7%	66.7% #5A1352	RGB 90 19 82	#5A1352
83.3%	83.3% #450E3F	RGB 69 14 63	#450E3F
100.0%	100.0% #310A2D	RGB 49 10 45	#310A2D

#AC269E #97218B #831C78 #6E1865 #5A1352 #450E3F #310A2D

#AC269E - #310A2D

HSV Blend

#AC269E - #310A2D | 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 #AC269E as 0% and #310A2D as 100%.

0.0%	0.0% #AC259E	RGB 172 37 158	#AC259E
16.7%	16.7% #97218B	RGB 151 33 139	#97218B
33.3%	33.3% #831C78	RGB 131 28 120	#831C78
50.0%	50.0% #6E1765	RGB 110 23 101	#6E1765
66.7%	66.7% #5A1252	RGB 90 18 82	#5A1252
83.3%	83.3% #450E3F	RGB 69 14 63	#450E3F
100.0%	100.0% #310A2D	RGB 49 10 45	#310A2D

#AC259E #97218B #831C78 #6E1765 #5A1252 #450E3F #310A2D

#AC269E - #6E1765 - #310A2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC259E 0%, #6E1765 50%, #310A2D 100%);
    background: -webkit-linear-gradient(top, #AC259E 0%, #6E1765 50%, #310A2D 100%);
    background: linear-gradient(to bottom, #AC259E 0%, #6E1765 50%, #310A2D 100%);
}
</style>