#5B5E5B - #817FB7 | 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 #5B5E5B to #817FB7

#5B5E5B #817FB7

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

#5B5E5B - #817FB7 | 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 #5B5E5B as 0% and #817FB7 as 100%.

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #61636A	RGB 97 99 106	#61636A
33.3%	33.3% #676979	RGB 103 105 121	#676979
50.0%	50.0% #6E6E89	RGB 110 110 137	#6E6E89
66.7%	66.7% #747498	RGB 116 116 152	#747498
83.3%	83.3% #7A79A7	RGB 122 121 167	#7A79A7
100.0%	100.0% #817FB7	RGB 129 127 183	#817FB7

#5B5E5B #61636A #676979 #6E6E89 #747498 #7A79A7 #817FB7

#5B5E5B - #817FB7

HSV Blend

#5B5E5B - #817FB7 | 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 #5B5E5B as 0% and #817FB7 as 100%.

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #646C67	RGB 100 108 103	#646C67
33.3%	33.3% #6C7B76	RGB 108 123 118	#6C7B76
50.0%	50.0% #738A8A	RGB 115 138 138	#738A8A
66.7%	66.7% #788D99	RGB 120 141 153	#788D99
83.3%	83.3% #7C89A8	RGB 124 137 168	#7C89A8
100.0%	100.0% #817FB7	RGB 129 127 183	#817FB7

#5B5E5B #646C67 #6C7B76 #738A8A #788D99 #7C89A8 #817FB7

#5B5E5B - #738A8A - #817FB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E5B 0%, #738A8A 50%, #817FB7 100%);
    background: -webkit-linear-gradient(top, #5B5E5B 0%, #738A8A 50%, #817FB7 100%);
    background: linear-gradient(to bottom, #5B5E5B 0%, #738A8A 50%, #817FB7 100%);
}
</style>