#5E565D - #A775D5 | 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 #5E565D to #A775D5

#5E565D #A775D5

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

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

0.0%	0.0% #5E565D	RGB 94 86 93	#5E565D
16.7%	16.7% #6A5B71	RGB 106 91 113	#6A5B71
33.3%	33.3% #766085	RGB 118 96 133	#766085
50.0%	50.0% #826599	RGB 130 101 153	#826599
66.7%	66.7% #8E6AAD	RGB 142 106 173	#8E6AAD
83.3%	83.3% #9A6FC1	RGB 154 111 193	#9A6FC1
100.0%	100.0% #A775D5	RGB 167 117 213	#A775D5

#5E565D #6A5B71 #766085 #826599 #8E6AAD #9A6FC1 #A775D5

#5E565D - #A775D5

HSV Blend

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

0.0%	0.0% #5E565D	RGB 94 86 93	#5E565D
16.7%	16.7% #716171	RGB 113 97 113	#716171
33.3%	33.3% #836A85	RGB 131 106 133	#836A85
50.0%	50.0% #927099	RGB 146 112 153	#927099
66.7%	66.7% #9D74AD	RGB 157 116 173	#9D74AD
83.3%	83.3% #A475C1	RGB 164 117 193	#A475C1
100.0%	100.0% #A775D5	RGB 167 117 213	#A775D5

#5E565D #716171 #836A85 #927099 #9D74AD #A475C1 #A775D5

#5E565D - #927099 - #A775D5

CSS codes

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

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