#5E555A - #AA7BBD | 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 #5E555A to #AA7BBD

#5E555A #AA7BBD

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

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

0.0%	0.0% #5E555A	RGB 94 85 90	#5E555A
16.7%	16.7% #6A5B6A	RGB 106 91 106	#6A5B6A
33.3%	33.3% #77617B	RGB 119 97 123	#77617B
50.0%	50.0% #84688B	RGB 132 104 139	#84688B
66.7%	66.7% #906E9C	RGB 144 110 156	#906E9C
83.3%	83.3% #9D74AC	RGB 157 116 172	#9D74AC
100.0%	100.0% #AA7BBD	RGB 170 123 189	#AA7BBD

#5E555A #6A5B6A #77617B #84688B #906E9C #9D74AC #AA7BBD

#5E555A - #AA7BBD

HSV Blend

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

0.0%	0.0% #5E555A	RGB 94 85 90	#5E555A
16.7%	16.7% #6D5E68	RGB 109 94 104	#6D5E68
33.3%	33.3% #7D6779	RGB 125 103 121	#7D6779
50.0%	50.0% #8D6E8B	RGB 141 110 139	#8D6E8B
66.7%	66.7% #9B739D	RGB 155 115 157	#9B739D
83.3%	83.3% #A478AD	RGB 164 120 173	#A478AD
100.0%	100.0% #AA7BBD	RGB 170 123 189	#AA7BBD

#5E555A #6D5E68 #7D6779 #8D6E8B #9B739D #A478AD #AA7BBD

#5E555A - #8D6E8B - #AA7BBD

CSS codes

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

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