#5E5825 - #D99C42 | 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 #5E5825 to #D99C42

#5E5825 #D99C42

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

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

0.0%	0.0% #5E5825	RGB 94 88 37	#5E5825
16.7%	16.7% #726329	RGB 114 99 41	#726329
33.3%	33.3% #876E2E	RGB 135 110 46	#876E2E
50.0%	50.0% #9B7A33	RGB 155 122 51	#9B7A33
66.7%	66.7% #B08538	RGB 176 133 56	#B08538
83.3%	83.3% #C4903D	RGB 196 144 61	#C4903D
100.0%	100.0% #D99C42	RGB 217 156 66	#D99C42

#5E5825 #726329 #876E2E #9B7A33 #B08538 #C4903D #D99C42

#5E5825 - #D99C42

HSV Blend

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

0.0%	0.0% #5E5825	RGB 94 88 37	#5E5825
16.7%	16.7% #72672B	RGB 114 103 43	#72672B
33.3%	33.3% #877531	RGB 135 117 49	#877531
50.0%	50.0% #9B8136	RGB 155 129 54	#9B8136
66.7%	66.7% #B08C3A	RGB 176 140 58	#B08C3A
83.3%	83.3% #C4953E	RGB 196 149 62	#C4953E
100.0%	100.0% #D99C42	RGB 217 156 66	#D99C42

#5E5825 #72672B #877531 #9B8136 #B08C3A #C4953E #D99C42

#5E5825 - #9B8136 - #D99C42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5825 0%, #9B8136 50%, #D99C42 100%);
    background: -webkit-linear-gradient(top, #5E5825 0%, #9B8136 50%, #D99C42 100%);
    background: linear-gradient(to bottom, #5E5825 0%, #9B8136 50%, #D99C42 100%);
}
</style>