#2D3C0F - #84813C | 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 #2D3C0F to #84813C

#2D3C0F #84813C

Calculate the color between two colors, #2D3C0F and #84813C. 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)

#2D3C0F - #84813C | 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 #2D3C0F as 0% and #84813C as 100%.

0.0%	0.0% #2D3C0F	RGB 45 60 15	#2D3C0F
16.7%	16.7% #3B4716	RGB 59 71 22	#3B4716
33.3%	33.3% #4A531E	RGB 74 83 30	#4A531E
50.0%	50.0% #585E25	RGB 88 94 37	#585E25
66.7%	66.7% #676A2D	RGB 103 106 45	#676A2D
83.3%	83.3% #757534	RGB 117 117 52	#757534
100.0%	100.0% #84813C	RGB 132 129 60	#84813C

#2D3C0F #3B4716 #4A531E #585E25 #676A2D #757534 #84813C

#2D3C0F - #84813C

HSV Blend

#2D3C0F - #84813C | 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 #2D3C0F as 0% and #84813C as 100%.

0.0%	0.0% #2D3C0F	RGB 45 60 15	#2D3C0F
16.7%	16.7% #3A4814	RGB 58 72 20	#3A4814
33.3%	33.3% #48541A	RGB 72 84 26	#48541A
50.0%	50.0% #566021	RGB 86 96 33	#566021
66.7%	66.7% #666C29	RGB 102 108 41	#666C29
83.3%	83.3% #767832	RGB 118 120 50	#767832
100.0%	100.0% #84813C	RGB 132 129 60	#84813C

#2D3C0F #3A4814 #48541A #566021 #666C29 #767832 #84813C

#2D3C0F - #566021 - #84813C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3C0F 0%, #566021 50%, #84813C 100%);
    background: -webkit-linear-gradient(top, #2D3C0F 0%, #566021 50%, #84813C 100%);
    background: linear-gradient(to bottom, #2D3C0F 0%, #566021 50%, #84813C 100%);
}
</style>