#AB77A0 - #5E2B56 | 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 #AB77A0 to #5E2B56

#AB77A0 #5E2B56

Calculate the color between two colors, #AB77A0 and #5E2B56. 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)

#AB77A0 - #5E2B56 | 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 #AB77A0 as 0% and #5E2B56 as 100%.

0.0%	0.0% #AB77A0	RGB 171 119 160	#AB77A0
16.7%	16.7% #9E6A93	RGB 158 106 147	#9E6A93
33.3%	33.3% #915D87	RGB 145 93 135	#915D87
50.0%	50.0% #84517B	RGB 132 81 123	#84517B
66.7%	66.7% #77446E	RGB 119 68 110	#77446E
83.3%	83.3% #6A3762	RGB 106 55 98	#6A3762
100.0%	100.0% #5E2B56	RGB 94 43 86	#5E2B56

#AB77A0 #9E6A93 #915D87 #84517B #77446E #6A3762 #5E2B56

#AB77A0 - #5E2B56

HSV Blend

#AB77A0 - #5E2B56 | 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 #AB77A0 as 0% and #5E2B56 as 100%.

0.0%	0.0% #AB77A0	RGB 171 119 160	#AB77A0
16.7%	16.7% #9E6793	RGB 158 103 147	#9E6793
33.3%	33.3% #915986	RGB 145 89 134	#915986
50.0%	50.0% #844C7A	RGB 132 76 122	#844C7A
66.7%	66.7% #77406D	RGB 119 64 109	#77406D
83.3%	83.3% #6A3561	RGB 106 53 97	#6A3561
100.0%	100.0% #5E2B56	RGB 94 43 86	#5E2B56

#AB77A0 #9E6793 #915986 #844C7A #77406D #6A3561 #5E2B56

#AB77A0 - #844C7A - #5E2B56

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB77A0 0%, #844C7A 50%, #5E2B56 100%);
    background: -webkit-linear-gradient(top, #AB77A0 0%, #844C7A 50%, #5E2B56 100%);
    background: linear-gradient(to bottom, #AB77A0 0%, #844C7A 50%, #5E2B56 100%);
}
</style>