#5E4837 - #C7A25D | 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 #5E4837 to #C7A25D

#5E4837 #C7A25D

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

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

0.0%	0.0% #5E4837	RGB 94 72 55	#5E4837
16.7%	16.7% #6F573D	RGB 111 87 61	#6F573D
33.3%	33.3% #816643	RGB 129 102 67	#816643
50.0%	50.0% #92754A	RGB 146 117 74	#92754A
66.7%	66.7% #A48450	RGB 164 132 80	#A48450
83.3%	83.3% #B59356	RGB 181 147 86	#B59356
100.0%	100.0% #C7A25D	RGB 199 162 93	#C7A25D

#5E4837 #6F573D #816643 #92754A #A48450 #B59356 #C7A25D

#5E4837 - #C7A25D

HSV Blend

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

0.0%	0.0% #5E4837	RGB 94 72 55	#5E4837
16.7%	16.7% #6F553F	RGB 111 85 63	#6F553F
33.3%	33.3% #816446	RGB 129 100 70	#816446
50.0%	50.0% #92724D	RGB 146 114 77	#92724D
66.7%	66.7% #A48153	RGB 164 129 83	#A48153
83.3%	83.3% #B59158	RGB 181 145 88	#B59158
100.0%	100.0% #C7A25D	RGB 199 162 93	#C7A25D

#5E4837 #6F553F #816446 #92724D #A48153 #B59158 #C7A25D

#5E4837 - #92724D - #C7A25D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4837 0%, #92724D 50%, #C7A25D 100%);
    background: -webkit-linear-gradient(top, #5E4837 0%, #92724D 50%, #C7A25D 100%);
    background: linear-gradient(to bottom, #5E4837 0%, #92724D 50%, #C7A25D 100%);
}
</style>