#A85C7E - #6B1531 | 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 #A85C7E to #6B1531

#A85C7E #6B1531

Calculate the color between two colors, #A85C7E and #6B1531. 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)

#A85C7E - #6B1531 | 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 #A85C7E as 0% and #6B1531 as 100%.

0.0%	0.0% #A85C7E	RGB 168 92 126	#A85C7E
16.7%	16.7% #9D5071	RGB 157 80 113	#9D5071
33.3%	33.3% #934464	RGB 147 68 100	#934464
50.0%	50.0% #893857	RGB 137 56 87	#893857
66.7%	66.7% #7F2C4A	RGB 127 44 74	#7F2C4A
83.3%	83.3% #75203D	RGB 117 32 61	#75203D
100.0%	100.0% #6B1531	RGB 107 21 49	#6B1531

#A85C7E #9D5071 #934464 #893857 #7F2C4A #75203D #6B1531

#A85C7E - #6B1531

HSV Blend

#A85C7E - #6B1531 | 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 #A85C7E as 0% and #6B1531 as 100%.

0.0%	0.0% #A85C7E	RGB 168 92 126	#A85C7E
16.7%	16.7% #9D4D6F	RGB 157 77 111	#9D4D6F
33.3%	33.3% #933F61	RGB 147 63 97	#933F61
50.0%	50.0% #893354	RGB 137 51 84	#893354
66.7%	66.7% #7F2747	RGB 127 39 71	#7F2747
83.3%	83.3% #751D3C	RGB 117 29 60	#751D3C
100.0%	100.0% #6B1531	RGB 107 21 49	#6B1531

#A85C7E #9D4D6F #933F61 #893354 #7F2747 #751D3C #6B1531

#A85C7E - #893354 - #6B1531

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A85C7E 0%, #893354 50%, #6B1531 100%);
    background: -webkit-linear-gradient(top, #A85C7E 0%, #893354 50%, #6B1531 100%);
    background: linear-gradient(to bottom, #A85C7E 0%, #893354 50%, #6B1531 100%);
}
</style>