#5E6D3E - #D0B665 | 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 #5E6D3E to #D0B665

#5E6D3E #D0B665

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

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

0.0%	0.0% #5E6D3E	RGB 94 109 62	#5E6D3E
16.7%	16.7% #717944	RGB 113 121 68	#717944
33.3%	33.3% #84854B	RGB 132 133 75	#84854B
50.0%	50.0% #979151	RGB 151 145 81	#979151
66.7%	66.7% #AA9D58	RGB 170 157 88	#AA9D58
83.3%	83.3% #BDA95E	RGB 189 169 94	#BDA95E
100.0%	100.0% #D0B665	RGB 208 182 101	#D0B665

#5E6D3E #717944 #84854B #979151 #AA9D58 #BDA95E #D0B665

#5E6D3E - #D0B665

HSV Blend

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

0.0%	0.0% #5E6D3E	RGB 94 109 62	#5E6D3E
16.7%	16.7% #707D45	RGB 112 125 69	#707D45
33.3%	33.3% #858E4C	RGB 133 142 76	#858E4C
50.0%	50.0% #9B9E53	RGB 155 158 83	#9B9E53
66.7%	66.7% #AFAA59	RGB 175 170 89	#AFAA59
83.3%	83.3% #BFB15F	RGB 191 177 95	#BFB15F
100.0%	100.0% #D0B665	RGB 208 182 101	#D0B665

#5E6D3E #707D45 #858E4C #9B9E53 #AFAA59 #BFB15F #D0B665

#5E6D3E - #9B9E53 - #D0B665

CSS codes

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

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