#5E5B5C - #837CB9 | 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 #5E5B5C to #837CB9

#5E5B5C #837CB9

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

#5E5B5C - #837CB9 | 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 #5E5B5C as 0% and #837CB9 as 100%.

0.0%	0.0% #5E5B5C	RGB 94 91 92	#5E5B5C
16.7%	16.7% #64606B	RGB 100 96 107	#64606B
33.3%	33.3% #6A667B	RGB 106 102 123	#6A667B
50.0%	50.0% #706B8A	RGB 112 107 138	#706B8A
66.7%	66.7% #76719A	RGB 118 113 154	#76719A
83.3%	83.3% #7C76A9	RGB 124 118 169	#7C76A9
100.0%	100.0% #837CB9	RGB 131 124 185	#837CB9

#5E5B5C #64606B #6A667B #706B8A #76719A #7C76A9 #837CB9

#5E5B5C - #837CB9

HSV Blend

#5E5B5C - #837CB9 | 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 #5E5B5C as 0% and #837CB9 as 100%.

0.0%	0.0% #5E5B5C	RGB 94 91 92	#5E5B5C
16.7%	16.7% #6D6469	RGB 109 100 105	#6D6469
33.3%	33.3% #7C6C79	RGB 124 108 121	#7C6C79
50.0%	50.0% #88728B	RGB 136 114 139	#88728B
66.7%	66.7% #8D779A	RGB 141 119 154	#8D779A
83.3%	83.3% #8C7AA9	RGB 140 122 169	#8C7AA9
100.0%	100.0% #837CB9	RGB 131 124 185	#837CB9

#5E5B5C #6D6469 #7C6C79 #88728B #8D779A #8C7AA9 #837CB9

#5E5B5C - #88728B - #837CB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B5C 0%, #88728B 50%, #837CB9 100%);
    background: -webkit-linear-gradient(top, #5E5B5C 0%, #88728B 50%, #837CB9 100%);
    background: linear-gradient(to bottom, #5E5B5C 0%, #88728B 50%, #837CB9 100%);
}
</style>