#AC2D6C - #310C1E | 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 #AC2D6C to #310C1E

#AC2D6C #310C1E

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

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

0.0%	0.0% #AC2D6C	RGB 172 45 108	#AC2D6C
16.7%	16.7% #97275F	RGB 151 39 95	#97275F
33.3%	33.3% #832252	RGB 131 34 82	#832252
50.0%	50.0% #6E1C45	RGB 110 28 69	#6E1C45
66.7%	66.7% #5A1738	RGB 90 23 56	#5A1738
83.3%	83.3% #45112B	RGB 69 17 43	#45112B
100.0%	100.0% #310C1E	RGB 49 12 30	#310C1E

#AC2D6C #97275F #832252 #6E1C45 #5A1738 #45112B #310C1E

#AC2D6C - #310C1E

HSV Blend

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

0.0%	0.0% #AC2D6C	RGB 172 45 108	#AC2D6C
16.7%	16.7% #97275E	RGB 151 39 94	#97275E
33.3%	33.3% #832151	RGB 131 33 81	#832151
50.0%	50.0% #6E1B44	RGB 110 27 68	#6E1B44
66.7%	66.7% #5A1637	RGB 90 22 55	#5A1637
83.3%	83.3% #45112A	RGB 69 17 42	#45112A
100.0%	100.0% #310C1E	RGB 49 12 30	#310C1E

#AC2D6C #97275E #832151 #6E1B44 #5A1637 #45112A #310C1E

#AC2D6C - #6E1B44 - #310C1E

CSS codes

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

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