#5B4D5E - #BE72D4 | 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 #5B4D5E to #BE72D4

#5B4D5E #BE72D4

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

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

0.0%	0.0% #5B4D5E	RGB 91 77 94	#5B4D5E
16.7%	16.7% #6B5371	RGB 107 83 113	#6B5371
33.3%	33.3% #7C5985	RGB 124 89 133	#7C5985
50.0%	50.0% #8C5F99	RGB 140 95 153	#8C5F99
66.7%	66.7% #9D65AC	RGB 157 101 172	#9D65AC
83.3%	83.3% #AD6BC0	RGB 173 107 192	#AD6BC0
100.0%	100.0% #BE72D4	RGB 190 114 212	#BE72D4

#5B4D5E #6B5371 #7C5985 #8C5F99 #9D65AC #AD6BC0 #BE72D4

#5B4D5E - #BE72D4

HSV Blend

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

0.0%	0.0% #5B4D5E	RGB 91 77 94	#5B4D5E
16.7%	16.7% #6C5771	RGB 108 87 113	#6C5771
33.3%	33.3% #7E6085	RGB 126 96 133	#7E6085
50.0%	50.0% #8F6799	RGB 143 103 153	#8F6799
66.7%	66.7% #9F6DAC	RGB 159 109 172	#9F6DAC
83.3%	83.3% #AF70C0	RGB 175 112 192	#AF70C0
100.0%	100.0% #BE72D4	RGB 190 114 212	#BE72D4

#5B4D5E #6C5771 #7E6085 #8F6799 #9F6DAC #AF70C0 #BE72D4

#5B4D5E - #8F6799 - #BE72D4

CSS codes

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

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