#5E512C - #C1B94E | 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 #5E512C to #C1B94E

#5E512C #C1B94E

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

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

0.0%	0.0% #5E512C	RGB 94 81 44	#5E512C
16.7%	16.7% #6E6231	RGB 110 98 49	#6E6231
33.3%	33.3% #7F7337	RGB 127 115 55	#7F7337
50.0%	50.0% #8F853D	RGB 143 133 61	#8F853D
66.7%	66.7% #A09642	RGB 160 150 66	#A09642
83.3%	83.3% #B0A748	RGB 176 167 72	#B0A748
100.0%	100.0% #C1B94E	RGB 193 185 78	#C1B94E

#5E512C #6E6231 #7F7337 #8F853D #A09642 #B0A748 #C1B94E

#5E512C - #C1B94E

HSV Blend

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

0.0%	0.0% #5E512C	RGB 94 81 44	#5E512C
16.7%	16.7% #6E6032	RGB 110 96 50	#6E6032
33.3%	33.3% #7F7138	RGB 127 113 56	#7F7138
50.0%	50.0% #8F823E	RGB 143 130 62	#8F823E
66.7%	66.7% #A09344	RGB 160 147 68	#A09344
83.3%	83.3% #B0A649	RGB 176 166 73	#B0A649
100.0%	100.0% #C1B94E	RGB 193 185 78	#C1B94E

#5E512C #6E6032 #7F7138 #8F823E #A09344 #B0A649 #C1B94E

#5E512C - #8F823E - #C1B94E

CSS codes

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

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