#5E6B58 - #C6B379 | 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 #5E6B58 to #C6B379

#5E6B58 #C6B379

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

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

0.0%	0.0% #5E6B58	RGB 94 107 88	#5E6B58
16.7%	16.7% #6F775D	RGB 111 119 93	#6F775D
33.3%	33.3% #808363	RGB 128 131 99	#808363
50.0%	50.0% #928F68	RGB 146 143 104	#928F68
66.7%	66.7% #A39B6E	RGB 163 155 110	#A39B6E
83.3%	83.3% #B4A773	RGB 180 167 115	#B4A773
100.0%	100.0% #C6B379	RGB 198 179 121	#C6B379

#5E6B58 #6F775D #808363 #928F68 #A39B6E #B4A773 #C6B379

#5E6B58 - #C6B379

HSV Blend

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

0.0%	0.0% #5E6B58	RGB 94 107 88	#5E6B58
16.7%	16.7% #6C7A60	RGB 108 122 96	#6C7A60
33.3%	33.3% #7C8967	RGB 124 137 103	#7C8967
50.0%	50.0% #8F986D	RGB 143 152 109	#8F986D
66.7%	66.7% #A4A772	RGB 164 167 114	#A4A772
83.3%	83.3% #B6B076	RGB 182 176 118	#B6B076
100.0%	100.0% #C6B379	RGB 198 179 121	#C6B379

#5E6B58 #6C7A60 #7C8967 #8F986D #A4A772 #B6B076 #C6B379

#5E6B58 - #8F986D - #C6B379

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B58 0%, #8F986D 50%, #C6B379 100%);
    background: -webkit-linear-gradient(top, #5E6B58 0%, #8F986D 50%, #C6B379 100%);
    background: linear-gradient(to bottom, #5E6B58 0%, #8F986D 50%, #C6B379 100%);
}
</style>