#5A575C - #BF7FD5 | 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 #5A575C to #BF7FD5

#5A575C #BF7FD5

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

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

0.0%	0.0% #5A575C	RGB 90 87 92	#5A575C
16.7%	16.7% #6A5D70	RGB 106 93 112	#6A5D70
33.3%	33.3% #7B6484	RGB 123 100 132	#7B6484
50.0%	50.0% #8C6B98	RGB 140 107 152	#8C6B98
66.7%	66.7% #9D71AC	RGB 157 113 172	#9D71AC
83.3%	83.3% #AE78C0	RGB 174 120 192	#AE78C0
100.0%	100.0% #BF7FD5	RGB 191 127 213	#BF7FD5

#5A575C #6A5D70 #7B6484 #8C6B98 #9D71AC #AE78C0 #BF7FD5

#5A575C - #BF7FD5

HSV Blend

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

0.0%	0.0% #5A575C	RGB 90 87 92	#5A575C
16.7%	16.7% #6B6370	RGB 107 99 112	#6B6370
33.3%	33.3% #7C6D84	RGB 124 109 132	#7C6D84
50.0%	50.0% #8D7598	RGB 141 117 152	#8D7598
66.7%	66.7% #9D7BAC	RGB 157 123 172	#9D7BAC
83.3%	83.3% #AE7EC0	RGB 174 126 192	#AE7EC0
100.0%	100.0% #BF7FD5	RGB 191 127 213	#BF7FD5

#5A575C #6B6370 #7C6D84 #8D7598 #9D7BAC #AE7EC0 #BF7FD5

#5A575C - #8D7598 - #BF7FD5

CSS codes

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

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