#5E6138 - #C8AB61 | 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 #5E6138 to #C8AB61

#5E6138 #C8AB61

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

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

0.0%	0.0% #5E6138	RGB 94 97 56	#5E6138
16.7%	16.7% #6F6D3E	RGB 111 109 62	#6F6D3E
33.3%	33.3% #817945	RGB 129 121 69	#817945
50.0%	50.0% #93864C	RGB 147 134 76	#93864C
66.7%	66.7% #A49253	RGB 164 146 83	#A49253
83.3%	83.3% #B69E5A	RGB 182 158 90	#B69E5A
100.0%	100.0% #C8AB61	RGB 200 171 97	#C8AB61

#5E6138 #6F6D3E #817945 #93864C #A49253 #B69E5A #C8AB61

#5E6138 - #C8AB61

HSV Blend

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

0.0%	0.0% #5E6138	RGB 94 97 56	#5E6138
16.7%	16.7% #717240	RGB 113 114 64	#717240
33.3%	33.3% #838047	RGB 131 128 71	#838047
50.0%	50.0% #948D4E	RGB 148 141 78	#948D4E
66.7%	66.7% #A59855	RGB 165 152 85	#A59855
83.3%	83.3% #B6A25B	RGB 182 162 91	#B6A25B
100.0%	100.0% #C8AB61	RGB 200 171 97	#C8AB61

#5E6138 #717240 #838047 #948D4E #A59855 #B6A25B #C8AB61

#5E6138 - #948D4E - #C8AB61

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6138 0%, #948D4E 50%, #C8AB61 100%);
    background: -webkit-linear-gradient(top, #5E6138 0%, #948D4E 50%, #C8AB61 100%);
    background: linear-gradient(to bottom, #5E6138 0%, #948D4E 50%, #C8AB61 100%);
}
</style>