#AA5E94 - #801A6E | 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 #801A6E

#AA5E94 #801A6E

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

0.0%	0.0% #AA5E94	RGB 170 94 148	#AA5E94
16.7%	16.7% #A3528D	RGB 163 82 141	#A3528D
33.3%	33.3% #9C4787	RGB 156 71 135	#9C4787
50.0%	50.0% #953C81	RGB 149 60 129	#953C81
66.7%	66.7% #8E307A	RGB 142 48 122	#8E307A
83.3%	83.3% #872574	RGB 135 37 116	#872574
100.0%	100.0% #801A6E	RGB 128 26 110	#801A6E

#AA5E94 #A3528D #9C4787 #953C81 #8E307A #872574 #801A6E

#AA5E94 - #801A6E

HSV Blend

#AA5E94 - #801A6E | 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 #801A6E as 100%.

0.0%	0.0% #AA5E94	RGB 170 94 148	#AA5E94
16.7%	16.7% #A3508C	RGB 163 80 140	#A3508C
33.3%	33.3% #9C4485	RGB 156 68 133	#9C4485
50.0%	50.0% #95387F	RGB 149 56 127	#95387F
66.7%	66.7% #8E2D79	RGB 142 45 121	#8E2D79
83.3%	83.3% #872373	RGB 135 35 115	#872373
100.0%	100.0% #801A6E	RGB 128 26 110	#801A6E

#AA5E94 #A3508C #9C4485 #95387F #8E2D79 #872373 #801A6E

#AA5E94 - #95387F - #801A6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA5E94 0%, #95387F 50%, #801A6E 100%);
    background: -webkit-linear-gradient(top, #AA5E94 0%, #95387F 50%, #801A6E 100%);
    background: linear-gradient(to bottom, #AA5E94 0%, #95387F 50%, #801A6E 100%);
}
</style>