#5E727B - #C5B59E | 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 #5E727B to #C5B59E

#5E727B #C5B59E

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

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

0.0%	0.0% #5E727B	RGB 94 114 123	#5E727B
16.7%	16.7% #6F7D80	RGB 111 125 128	#6F7D80
33.3%	33.3% #808886	RGB 128 136 134	#808886
50.0%	50.0% #91938C	RGB 145 147 140	#91938C
66.7%	66.7% #A29E92	RGB 162 158 146	#A29E92
83.3%	83.3% #B3A998	RGB 179 169 152	#B3A998
100.0%	100.0% #C5B59E	RGB 197 181 158	#C5B59E

#5E727B #6F7D80 #808886 #91938C #A29E92 #B3A998 #C5B59E

#5E727B - #C5B59E

HSV Blend

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

0.0%	0.0% #5E727B	RGB 94 114 123	#5E727B
16.7%	16.7% #688782	RGB 104 135 130	#688782
33.3%	33.3% #729380	RGB 114 147 128	#729380
50.0%	50.0% #7FA07D	RGB 127 160 125	#7FA07D
66.7%	66.7% #9AAC88	RGB 154 172 136	#9AAC88
83.3%	83.3% #B7B892	RGB 183 184 146	#B7B892
100.0%	100.0% #C5B59E	RGB 197 181 158	#C5B59E

#5E727B #688782 #729380 #7FA07D #9AAC88 #B7B892 #C5B59E

#5E727B - #7FA07D - #C5B59E

CSS codes

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

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