#5E5D5B - #7F99B7 | 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 #5E5D5B to #7F99B7

#5E5D5B #7F99B7

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

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

0.0%	0.0% #5E5D5B	RGB 94 93 91	#5E5D5B
16.7%	16.7% #63676A	RGB 99 103 106	#63676A
33.3%	33.3% #697179	RGB 105 113 121	#697179
50.0%	50.0% #6E7B89	RGB 110 123 137	#6E7B89
66.7%	66.7% #748598	RGB 116 133 152	#748598
83.3%	83.3% #798FA7	RGB 121 143 167	#798FA7
100.0%	100.0% #7F99B7	RGB 127 153 183	#7F99B7

#5E5D5B #63676A #697179 #6E7B89 #748598 #798FA7 #7F99B7

#5E5D5B - #7F99B7

HSV Blend

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

0.0%	0.0% #5E5D5B	RGB 94 93 91	#5E5D5B
16.7%	16.7% #6B6C64	RGB 107 108 100	#6B6C64
33.3%	33.3% #727B6C	RGB 114 123 108	#727B6C
50.0%	50.0% #738A75	RGB 115 138 117	#738A75
66.7%	66.7% #78998B	RGB 120 153 139	#78998B
83.3%	83.3% #7CA5A8	RGB 124 165 168	#7CA5A8
100.0%	100.0% #7F99B7	RGB 127 153 183	#7F99B7

#5E5D5B #6B6C64 #727B6C #738A75 #78998B #7CA5A8 #7F99B7

#5E5D5B - #738A75 - #7F99B7

CSS codes

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

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