#5A4C5E - #BC71D4 | 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 #5A4C5E to #BC71D4

#5A4C5E #BC71D4

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

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

0.0%	0.0% #5A4C5E	RGB 90 76 94	#5A4C5E
16.7%	16.7% #6A5271	RGB 106 82 113	#6A5271
33.3%	33.3% #7A5885	RGB 122 88 133	#7A5885
50.0%	50.0% #8B5E99	RGB 139 94 153	#8B5E99
66.7%	66.7% #9B64AC	RGB 155 100 172	#9B64AC
83.3%	83.3% #AB6AC0	RGB 171 106 192	#AB6AC0
100.0%	100.0% #BC71D4	RGB 188 113 212	#BC71D4

#5A4C5E #6A5271 #7A5885 #8B5E99 #9B64AC #AB6AC0 #BC71D4

#5A4C5E - #BC71D4

HSV Blend

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

0.0%	0.0% #5A4C5E	RGB 90 76 94	#5A4C5E
16.7%	16.7% #6B5671	RGB 107 86 113	#6B5671
33.3%	33.3% #7C5F85	RGB 124 95 133	#7C5F85
50.0%	50.0% #8D6699	RGB 141 102 153	#8D6699
66.7%	66.7% #9D6BAC	RGB 157 107 172	#9D6BAC
83.3%	83.3% #AC6FC0	RGB 172 111 192	#AC6FC0
100.0%	100.0% #BC71D4	RGB 188 113 212	#BC71D4

#5A4C5E #6B5671 #7C5F85 #8D6699 #9D6BAC #AC6FC0 #BC71D4

#5A4C5E - #8D6699 - #BC71D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A4C5E 0%, #8D6699 50%, #BC71D4 100%);
    background: -webkit-linear-gradient(top, #5A4C5E 0%, #8D6699 50%, #BC71D4 100%);
    background: linear-gradient(to bottom, #5A4C5E 0%, #8D6699 50%, #BC71D4 100%);
}
</style>