#5C5E5B - #7F8DB7 | 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 #5C5E5B to #7F8DB7

#5C5E5B #7F8DB7

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

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

0.0%	0.0% #5C5E5B	RGB 92 94 91	#5C5E5B
16.7%	16.7% #61656A	RGB 97 101 106	#61656A
33.3%	33.3% #676D79	RGB 103 109 121	#676D79
50.0%	50.0% #6D7589	RGB 109 117 137	#6D7589
66.7%	66.7% #737D98	RGB 115 125 152	#737D98
83.3%	83.3% #7985A7	RGB 121 133 167	#7985A7
100.0%	100.0% #7F8DB7	RGB 127 141 183	#7F8DB7

#5C5E5B #61656A #676D79 #6D7589 #737D98 #7985A7 #7F8DB7

#5C5E5B - #7F8DB7

HSV Blend

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

0.0%	0.0% #5C5E5B	RGB 92 94 91	#5C5E5B
16.7%	16.7% #646C64	RGB 100 108 100	#646C64
33.3%	33.3% #6C7B71	RGB 108 123 113	#6C7B71
50.0%	50.0% #738A83	RGB 115 138 131	#738A83
66.7%	66.7% #789799	RGB 120 151 153	#789799
83.3%	83.3% #7C96A8	RGB 124 150 168	#7C96A8
100.0%	100.0% #7F8DB7	RGB 127 141 183	#7F8DB7

#5C5E5B #646C64 #6C7B71 #738A83 #789799 #7C96A8 #7F8DB7

#5C5E5B - #738A83 - #7F8DB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C5E5B 0%, #738A83 50%, #7F8DB7 100%);
    background: -webkit-linear-gradient(top, #5C5E5B 0%, #738A83 50%, #7F8DB7 100%);
    background: linear-gradient(to bottom, #5C5E5B 0%, #738A83 50%, #7F8DB7 100%);
}
</style>