#AB5BA2 - #77034E | 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 #AB5BA2 to #77034E

#AB5BA2 #77034E

Calculate the color between two colors, #AB5BA2 and #77034E. 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)

#AB5BA2 - #77034E | 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 #AB5BA2 as 0% and #77034E as 100%.

0.0%	0.0% #AB5BA2	RGB 171 91 162	#AB5BA2
16.7%	16.7% #A24C94	RGB 162 76 148	#A24C94
33.3%	33.3% #993D86	RGB 153 61 134	#993D86
50.0%	50.0% #912F78	RGB 145 47 120	#912F78
66.7%	66.7% #88206A	RGB 136 32 106	#88206A
83.3%	83.3% #7F115C	RGB 127 17 92	#7F115C
100.0%	100.0% #77034E	RGB 119 3 78	#77034E

#AB5BA2 #A24C94 #993D86 #912F78 #88206A #7F115C #77034E

#AB5BA2 - #77034E

HSV Blend

#AB5BA2 - #77034E | 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 #AB5BA2 as 0% and #77034E as 100%.

0.0%	0.0% #AB5BA2	RGB 171 91 162	#AB5BA2
16.7%	16.7% #A24894	RGB 162 72 148	#A24894
33.3%	33.3% #993786	RGB 153 55 134	#993786
50.0%	50.0% #912878	RGB 145 40 120	#912878
66.7%	66.7% #881A6A	RGB 136 26 106	#881A6A
83.3%	83.3% #7F0E5C	RGB 127 14 92	#7F0E5C
100.0%	100.0% #77034E	RGB 119 3 78	#77034E

#AB5BA2 #A24894 #993786 #912878 #881A6A #7F0E5C #77034E

#AB5BA2 - #912878 - #77034E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB5BA2 0%, #912878 50%, #77034E 100%);
    background: -webkit-linear-gradient(top, #AB5BA2 0%, #912878 50%, #77034E 100%);
    background: linear-gradient(to bottom, #AB5BA2 0%, #912878 50%, #77034E 100%);
}
</style>