#5C5E5D - #B57AAC | 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 #B57AAC

#5C5E5D #B57AAC

Calculate the color between two colors, #5C5E5D and #B57AAC. 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 - #B57AAC | 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 #B57AAC as 100%.

0.0%	0.0% #5C5E5D	RGB 92 94 93	#5C5E5D
16.7%	16.7% #6A626A	RGB 106 98 106	#6A626A
33.3%	33.3% #796777	RGB 121 103 119	#796777
50.0%	50.0% #886C84	RGB 136 108 132	#886C84
66.7%	66.7% #977091	RGB 151 112 145	#977091
83.3%	83.3% #A6759E	RGB 166 117 158	#A6759E
100.0%	100.0% #B57AAC	RGB 181 122 172	#B57AAC

#5C5E5D #6A626A #796777 #886C84 #977091 #A6759E #B57AAC

#5C5E5D - #B57AAC

HSV Blend

#5C5E5D - #B57AAC | 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 #B57AAC as 100%.

0.0%	0.0% #5C5E5D	RGB 92 94 93	#5C5E5D
16.7%	16.7% #646C6C	RGB 100 108 108	#646C6C
33.3%	33.3% #6B757B	RGB 107 117 123	#6B757B
50.0%	50.0% #717589	RGB 113 117 137	#717589
66.7%	66.7% #7F7598	RGB 127 117 152	#7F7598
83.3%	83.3% #9978A6	RGB 153 120 166	#9978A6
100.0%	100.0% #B57AAC	RGB 181 122 172	#B57AAC

#5C5E5D #646C6C #6B757B #717589 #7F7598 #9978A6 #B57AAC

#5C5E5D - #717589 - #B57AAC

CSS codes

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

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