#5C5E5D - #B57AB2 | 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 #5C5E5D to #B57AB2

#5C5E5D #B57AB2

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

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

0.0%	0.0% #5C5E5D	RGB 92 94 93	#5C5E5D
16.7%	16.7% #6A626B	RGB 106 98 107	#6A626B
33.3%	33.3% #796779	RGB 121 103 121	#796779
50.0%	50.0% #886C87	RGB 136 108 135	#886C87
66.7%	66.7% #977095	RGB 151 112 149	#977095
83.3%	83.3% #A675A3	RGB 166 117 163	#A675A3
100.0%	100.0% #B57AB2	RGB 181 122 178	#B57AB2

#5C5E5D #6A626B #796779 #886C87 #977095 #A675A3 #B57AB2

#5C5E5D - #B57AB2

HSV Blend

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

0.0%	0.0% #5C5E5D	RGB 92 94 93	#5C5E5D
16.7%	16.7% #646C6B	RGB 100 108 107	#646C6B
33.3%	33.3% #6B757B	RGB 107 117 123	#6B757B
50.0%	50.0% #717689	RGB 113 118 137	#717689
66.7%	66.7% #7C7598	RGB 124 117 152	#7C7598
83.3%	83.3% #9578A6	RGB 149 120 166	#9578A6
100.0%	100.0% #B57AB2	RGB 181 122 178	#B57AB2

#5C5E5D #646C6B #6B757B #717689 #7C7598 #9578A6 #B57AB2

#5C5E5D - #717689 - #B57AB2

CSS codes

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

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