#5B5B5E - #A77FDF | 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 #5B5B5E to #A77FDF

#5B5B5E #A77FDF

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

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

0.0%	0.0% #5B5B5E	RGB 91 91 94	#5B5B5E
16.7%	16.7% #676173	RGB 103 97 115	#676173
33.3%	33.3% #746789	RGB 116 103 137	#746789
50.0%	50.0% #816D9E	RGB 129 109 158	#816D9E
66.7%	66.7% #8D73B4	RGB 141 115 180	#8D73B4
83.3%	83.3% #9A79C9	RGB 154 121 201	#9A79C9
100.0%	100.0% #A77FDF	RGB 167 127 223	#A77FDF

#5B5B5E #676173 #746789 #816D9E #8D73B4 #9A79C9 #A77FDF

#5B5B5E - #A77FDF

HSV Blend

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

0.0%	0.0% #5B5B5E	RGB 91 91 94	#5B5B5E
16.7%	16.7% #686873	RGB 104 104 115	#686873
33.3%	33.3% #757289	RGB 117 114 137	#757289
50.0%	50.0% #81799E	RGB 129 121 158	#81799E
66.7%	66.7% #8D7EB4	RGB 141 126 180	#8D7EB4
83.3%	83.3% #9980C9	RGB 153 128 201	#9980C9
100.0%	100.0% #A77FDF	RGB 167 127 223	#A77FDF

#5B5B5E #686873 #757289 #81799E #8D7EB4 #9980C9 #A77FDF

#5B5B5E - #81799E - #A77FDF

CSS codes

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

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