#5E5C5B - #7FAEB7 | 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 #5E5C5B to #7FAEB7

#5E5C5B #7FAEB7

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

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

0.0%	0.0% #5E5C5B	RGB 94 92 91	#5E5C5B
16.7%	16.7% #63696A	RGB 99 105 106	#63696A
33.3%	33.3% #697779	RGB 105 119 121	#697779
50.0%	50.0% #6E8589	RGB 110 133 137	#6E8589
66.7%	66.7% #749298	RGB 116 146 152	#749298
83.3%	83.3% #79A0A7	RGB 121 160 167	#79A0A7
100.0%	100.0% #7FAEB7	RGB 127 174 183	#7FAEB7

#5E5C5B #63696A #697779 #6E8589 #749298 #79A0A7 #7FAEB7

#5E5C5B - #7FAEB7

HSV Blend

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

0.0%	0.0% #5E5C5B	RGB 94 92 91	#5E5C5B
16.7%	16.7% #6C6B64	RGB 108 107 100	#6C6B64
33.3%	33.3% #777B6C	RGB 119 123 108	#777B6C
50.0%	50.0% #798A73	RGB 121 138 115	#798A73
66.7%	66.7% #78997F	RGB 120 153 127	#78997F
83.3%	83.3% #7CA89A	RGB 124 168 154	#7CA89A
100.0%	100.0% #7FAEB7	RGB 127 174 183	#7FAEB7

#5E5C5B #6C6B64 #777B6C #798A73 #78997F #7CA89A #7FAEB7

#5E5C5B - #798A73 - #7FAEB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C5B 0%, #798A73 50%, #7FAEB7 100%);
    background: -webkit-linear-gradient(top, #5E5C5B 0%, #798A73 50%, #7FAEB7 100%);
    background: linear-gradient(to bottom, #5E5C5B 0%, #798A73 50%, #7FAEB7 100%);
}
</style>