#5E727D - #C4B4A0 | 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 #5E727D to #C4B4A0

#5E727D #C4B4A0

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

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

0.0%	0.0% #5E727D	RGB 94 114 125	#5E727D
16.7%	16.7% #6F7D82	RGB 111 125 130	#6F7D82
33.3%	33.3% #808888	RGB 128 136 136	#808888
50.0%	50.0% #91938E	RGB 145 147 142	#91938E
66.7%	66.7% #A29E94	RGB 162 158 148	#A29E94
83.3%	83.3% #B3A99A	RGB 179 169 154	#B3A99A
100.0%	100.0% #C4B4A0	RGB 196 180 160	#C4B4A0

#5E727D #6F7D82 #808888 #91938E #A29E94 #B3A99A #C4B4A0

#5E727D - #C4B4A0

HSV Blend

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

0.0%	0.0% #5E727D	RGB 94 114 125	#5E727D
16.7%	16.7% #688885	RGB 104 136 133	#688885
33.3%	33.3% #729481	RGB 114 148 129	#729481
50.0%	50.0% #7FA07D	RGB 127 160 125	#7FA07D
66.7%	66.7% #9BAC88	RGB 155 172 136	#9BAC88
83.3%	83.3% #B7B894	RGB 183 184 148	#B7B894
100.0%	100.0% #C4B4A0	RGB 196 180 160	#C4B4A0

#5E727D #688885 #729481 #7FA07D #9BAC88 #B7B894 #C4B4A0

#5E727D - #7FA07D - #C4B4A0

CSS codes

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

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