#5B5E5C - #A47AB4 | 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 #5B5E5C to #A47AB4

#5B5E5C #A47AB4

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

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

0.0%	0.0% #5B5E5C	RGB 91 94 92	#5B5E5C
16.7%	16.7% #67626A	RGB 103 98 106	#67626A
33.3%	33.3% #736779	RGB 115 103 121	#736779
50.0%	50.0% #7F6C88	RGB 127 108 136	#7F6C88
66.7%	66.7% #8B7096	RGB 139 112 150	#8B7096
83.3%	83.3% #9775A5	RGB 151 117 165	#9775A5
100.0%	100.0% #A47AB4	RGB 164 122 180	#A47AB4

#5B5E5C #67626A #736779 #7F6C88 #8B7096 #9775A5 #A47AB4

#5B5E5C - #A47AB4

HSV Blend

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

0.0%	0.0% #5B5E5C	RGB 91 94 92	#5B5E5C
16.7%	16.7% #636C6A	RGB 99 108 106	#636C6A
33.3%	33.3% #6A787A	RGB 106 120 122	#6A787A
50.0%	50.0% #707C89	RGB 112 124 137	#707C89
66.7%	66.7% #757797	RGB 117 119 151	#757797
83.3%	83.3% #8778A5	RGB 135 120 165	#8778A5
100.0%	100.0% #A47AB4	RGB 164 122 180	#A47AB4

#5B5E5C #636C6A #6A787A #707C89 #757797 #8778A5 #A47AB4

#5B5E5C - #707C89 - #A47AB4

CSS codes

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

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