#5E676D - #C0A991 | 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 #5E676D to #C0A991

#5E676D #C0A991

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

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

0.0%	0.0% #5E676D	RGB 94 103 109	#5E676D
16.7%	16.7% #6E7273	RGB 110 114 115	#6E7273
33.3%	33.3% #7E7D79	RGB 126 125 121	#7E7D79
50.0%	50.0% #8F887F	RGB 143 136 127	#8F887F
66.7%	66.7% #9F9385	RGB 159 147 133	#9F9385
83.3%	83.3% #AF9E8B	RGB 175 158 139	#AF9E8B
100.0%	100.0% #C0A991	RGB 192 169 145	#C0A991

#5E676D #6E7273 #7E7D79 #8F887F #9F9385 #AF9E8B #C0A991

#5E676D - #C0A991

HSV Blend

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

0.0%	0.0% #5E676D	RGB 94 103 109	#5E676D
16.7%	16.7% #677A79	RGB 103 122 121	#677A79
33.3%	33.3% #70887B	RGB 112 136 123	#70887B
50.0%	50.0% #7B9679	RGB 123 150 121	#7B9679
66.7%	66.7% #94A481	RGB 148 164 129	#94A481
83.3%	83.3% #B2B189	RGB 178 177 137	#B2B189
100.0%	100.0% #C0A991	RGB 192 169 145	#C0A991

#5E676D #677A79 #70887B #7B9679 #94A481 #B2B189 #C0A991

#5E676D - #7B9679 - #C0A991

CSS codes

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

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