#5E4F50 - #8173A0 | 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 #5E4F50 to #8173A0

#5E4F50 #8173A0

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

#5E4F50 - #8173A0 | 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 #5E4F50 as 0% and #8173A0 as 100%.

0.0%	0.0% #5E4F50	RGB 94 79 80	#5E4F50
16.7%	16.7% #63555D	RGB 99 85 93	#63555D
33.3%	33.3% #695B6A	RGB 105 91 106	#695B6A
50.0%	50.0% #6F6178	RGB 111 97 120	#6F6178
66.7%	66.7% #756785	RGB 117 103 133	#756785
83.3%	83.3% #7B6D92	RGB 123 109 146	#7B6D92
100.0%	100.0% #8173A0	RGB 129 115 160	#8173A0

#5E4F50 #63555D #695B6A #6F6178 #756785 #7B6D92 #8173A0

#5E4F50 - #8173A0

HSV Blend

#5E4F50 - #8173A0 | 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 #5E4F50 as 0% and #8173A0 as 100%.

0.0%	0.0% #5E4F50	RGB 94 79 80	#5E4F50
16.7%	16.7% #69565C	RGB 105 86 92	#69565C
33.3%	33.3% #745C6A	RGB 116 92 106	#745C6A
50.0%	50.0% #7F637B	RGB 127 99 123	#7F637B
66.7%	66.7% #85688A	RGB 133 104 138	#85688A
83.3%	83.3% #846E95	RGB 132 110 149	#846E95
100.0%	100.0% #8173A0	RGB 129 115 160	#8173A0

#5E4F50 #69565C #745C6A #7F637B #85688A #846E95 #8173A0

#5E4F50 - #7F637B - #8173A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4F50 0%, #7F637B 50%, #8173A0 100%);
    background: -webkit-linear-gradient(top, #5E4F50 0%, #7F637B 50%, #8173A0 100%);
    background: linear-gradient(to bottom, #5E4F50 0%, #7F637B 50%, #8173A0 100%);
}
</style>