#AA5E94 - #740C42 | 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 #AA5E94 to #740C42

#AA5E94 #740C42

Calculate the color between two colors, #AA5E94 and #740C42. 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)

#AA5E94 - #740C42 | 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 #AA5E94 as 0% and #740C42 as 100%.

0.0%	0.0% #AA5E94	RGB 170 94 148	#AA5E94
16.7%	16.7% #A15086	RGB 161 80 134	#A15086
33.3%	33.3% #984278	RGB 152 66 120	#984278
50.0%	50.0% #8F356B	RGB 143 53 107	#8F356B
66.7%	66.7% #86275D	RGB 134 39 93	#86275D
83.3%	83.3% #7D194F	RGB 125 25 79	#7D194F
100.0%	100.0% #740C42	RGB 116 12 66	#740C42

#AA5E94 #A15086 #984278 #8F356B #86275D #7D194F #740C42

#AA5E94 - #740C42

HSV Blend

#AA5E94 - #740C42 | 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 #AA5E94 as 0% and #740C42 as 100%.

0.0%	0.0% #AA5E94	RGB 170 94 148	#AA5E94
16.7%	16.7% #A14C85	RGB 161 76 133	#A14C85
33.3%	33.3% #983D77	RGB 152 61 119	#983D77
50.0%	50.0% #8F2E6A	RGB 143 46 106	#8F2E6A
66.7%	66.7% #86215C	RGB 134 33 92	#86215C
83.3%	83.3% #7D164E	RGB 125 22 78	#7D164E
100.0%	100.0% #740C42	RGB 116 12 66	#740C42

#AA5E94 #A14C85 #983D77 #8F2E6A #86215C #7D164E #740C42

#AA5E94 - #8F2E6A - #740C42

CSS codes

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

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