#AA5E94 - #561E48 | 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 #561E48

#AA5E94 #561E48

Calculate the color between two colors, #AA5E94 and #561E48. 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 - #561E48 | 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 #561E48 as 100%.

0.0%	0.0% #AA5E94	RGB 170 94 148	#AA5E94
16.7%	16.7% #9C5387	RGB 156 83 135	#9C5387
33.3%	33.3% #8E487A	RGB 142 72 122	#8E487A
50.0%	50.0% #803E6E	RGB 128 62 110	#803E6E
66.7%	66.7% #723361	RGB 114 51 97	#723361
83.3%	83.3% #642854	RGB 100 40 84	#642854
100.0%	100.0% #561E48	RGB 86 30 72	#561E48

#AA5E94 #9C5387 #8E487A #803E6E #723361 #642854 #561E48

#AA5E94 - #561E48

HSV Blend

#AA5E94 - #561E48 | 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 #561E48 as 100%.

0.0%	0.0% #AA5E94	RGB 170 94 148	#AA5E94
16.7%	16.7% #9C5086	RGB 156 80 134	#9C5086
33.3%	33.3% #8E4479	RGB 142 68 121	#8E4479
50.0%	50.0% #80396D	RGB 128 57 109	#80396D
66.7%	66.7% #722F60	RGB 114 47 96	#722F60
83.3%	83.3% #642654	RGB 100 38 84	#642654
100.0%	100.0% #561E48	RGB 86 30 72	#561E48

#AA5E94 #9C5086 #8E4479 #80396D #722F60 #642654 #561E48

#AA5E94 - #80396D - #561E48

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA5E94 0%, #80396D 50%, #561E48 100%);
    background: -webkit-linear-gradient(top, #AA5E94 0%, #80396D 50%, #561E48 100%);
    background: linear-gradient(to bottom, #AA5E94 0%, #80396D 50%, #561E48 100%);
}
</style>