#5E6E5A - #C7B679 | 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 #5E6E5A to #C7B679

#5E6E5A #C7B679

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

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

0.0%	0.0% #5E6E5A	RGB 94 110 90	#5E6E5A
16.7%	16.7% #6F7A5F	RGB 111 122 95	#6F7A5F
33.3%	33.3% #818664	RGB 129 134 100	#818664
50.0%	50.0% #929269	RGB 146 146 105	#929269
66.7%	66.7% #A49E6E	RGB 164 158 110	#A49E6E
83.3%	83.3% #B5AA73	RGB 181 170 115	#B5AA73
100.0%	100.0% #C7B679	RGB 199 182 121	#C7B679

#5E6E5A #6F7A5F #818664 #929269 #A49E6E #B5AA73 #C7B679

#5E6E5A - #C7B679

HSV Blend

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

0.0%	0.0% #5E6E5A	RGB 94 110 90	#5E6E5A
16.7%	16.7% #6B7C61	RGB 107 124 97	#6B7C61
33.3%	33.3% #7B8B68	RGB 123 139 104	#7B8B68
50.0%	50.0% #8D9A6E	RGB 141 154 110	#8D9A6E
66.7%	66.7% #A2A972	RGB 162 169 114	#A2A972
83.3%	83.3% #B8B476	RGB 184 180 118	#B8B476
100.0%	100.0% #C7B679	RGB 199 182 121	#C7B679

#5E6E5A #6B7C61 #7B8B68 #8D9A6E #A2A972 #B8B476 #C7B679

#5E6E5A - #8D9A6E - #C7B679

CSS codes

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

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