#AC4C92 - #700040 | 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 #AC4C92 to #700040

#AC4C92 #700040

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

#AC4C92 - #700040 | 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 #AC4C92 as 0% and #700040 as 100%.

0.0%	0.0% #AC4C92	RGB 172 76 146	#AC4C92
16.7%	16.7% #A23F84	RGB 162 63 132	#A23F84
33.3%	33.3% #983276	RGB 152 50 118	#983276
50.0%	50.0% #8E2669	RGB 142 38 105	#8E2669
66.7%	66.7% #84195B	RGB 132 25 91	#84195B
83.3%	83.3% #7A0C4D	RGB 122 12 77	#7A0C4D
100.0%	100.0% #700040	RGB 112 0 64	#700040

#AC4C92 #A23F84 #983276 #8E2669 #84195B #7A0C4D #700040

#AC4C92 - #700040

HSV Blend

#AC4C92 - #700040 | 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 #AC4C92 as 0% and #700040 as 100%.

0.0%	0.0% #AC4C92	RGB 172 76 146	#AC4C92
16.7%	16.7% #A23B83	RGB 162 59 131	#A23B83
33.3%	33.3% #982C75	RGB 152 44 117	#982C75
50.0%	50.0% #8E1F67	RGB 142 31 103	#8E1F67
66.7%	66.7% #841359	RGB 132 19 89	#841359
83.3%	83.3% #7A084C	RGB 122 8 76	#7A084C
100.0%	100.0% #700040	RGB 112 0 64	#700040

#AC4C92 #A23B83 #982C75 #8E1F67 #841359 #7A084C #700040

#AC4C92 - #8E1F67 - #700040

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC4C92 0%, #8E1F67 50%, #700040 100%);
    background: -webkit-linear-gradient(top, #AC4C92 0%, #8E1F67 50%, #700040 100%);
    background: linear-gradient(to bottom, #AC4C92 0%, #8E1F67 50%, #700040 100%);
}
</style>