#AC4A8F - #311528 | 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 #AC4A8F to #311528

#AC4A8F #311528

Calculate the color between two colors, #AC4A8F and #311528. 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)

#AC4A8F - #311528 | 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 #AC4A8F as 0% and #311528 as 100%.

0.0%	0.0% #AC4A8F	RGB 172 74 143	#AC4A8F
16.7%	16.7% #97417D	RGB 151 65 125	#97417D
33.3%	33.3% #83386C	RGB 131 56 108	#83386C
50.0%	50.0% #6E2F5B	RGB 110 47 91	#6E2F5B
66.7%	66.7% #5A264A	RGB 90 38 74	#5A264A
83.3%	83.3% #451D39	RGB 69 29 57	#451D39
100.0%	100.0% #311528	RGB 49 21 40	#311528

#AC4A8F #97417D #83386C #6E2F5B #5A264A #451D39 #311528

#AC4A8F - #311528

HSV Blend

#AC4A8F - #311528 | 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 #AC4A8F as 0% and #311528 as 100%.

0.0%	0.0% #AC4A8F	RGB 172 74 143	#AC4A8F
16.7%	16.7% #97417D	RGB 151 65 125	#97417D
33.3%	33.3% #83386C	RGB 131 56 108	#83386C
50.0%	50.0% #6E2F5B	RGB 110 47 91	#6E2F5B
66.7%	66.7% #5A2649	RGB 90 38 73	#5A2649
83.3%	83.3% #451D38	RGB 69 29 56	#451D38
100.0%	100.0% #311528	RGB 49 21 40	#311528

#AC4A8F #97417D #83386C #6E2F5B #5A2649 #451D38 #311528

#AC4A8F - #6E2F5B - #311528

CSS codes

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

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