#5E4922 - #CE8C40 | 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 #5E4922 to #CE8C40

#5E4922 #CE8C40

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

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

0.0%	0.0% #5E4922	RGB 94 73 34	#5E4922
16.7%	16.7% #705427	RGB 112 84 39	#705427
33.3%	33.3% #835F2C	RGB 131 95 44	#835F2C
50.0%	50.0% #966A31	RGB 150 106 49	#966A31
66.7%	66.7% #A87536	RGB 168 117 54	#A87536
83.3%	83.3% #BB803B	RGB 187 128 59	#BB803B
100.0%	100.0% #CE8C40	RGB 206 140 64	#CE8C40

#5E4922 #705427 #835F2C #966A31 #A87536 #BB803B #CE8C40

#5E4922 - #CE8C40

HSV Blend

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

0.0%	0.0% #5E4922	RGB 94 73 34	#5E4922
16.7%	16.7% #705527	RGB 112 85 39	#705527
33.3%	33.3% #83612D	RGB 131 97 45	#83612D
50.0%	50.0% #966D32	RGB 150 109 50	#966D32
66.7%	66.7% #A87837	RGB 168 120 55	#A87837
83.3%	83.3% #BB823B	RGB 187 130 59	#BB823B
100.0%	100.0% #CE8C40	RGB 206 140 64	#CE8C40

#5E4922 #705527 #83612D #966D32 #A87837 #BB823B #CE8C40

#5E4922 - #966D32 - #CE8C40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4922 0%, #966D32 50%, #CE8C40 100%);
    background: -webkit-linear-gradient(top, #5E4922 0%, #966D32 50%, #CE8C40 100%);
    background: linear-gradient(to bottom, #5E4922 0%, #966D32 50%, #CE8C40 100%);
}
</style>