#2B4515 - #8C8F42 | 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 #2B4515 to #8C8F42

#2B4515 #8C8F42

Calculate the color between two colors, #2B4515 and #8C8F42. 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)

#2B4515 - #8C8F42 | 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 #2B4515 as 0% and #8C8F42 as 100%.

0.0%	0.0% #2B4515	RGB 43 69 21	#2B4515
16.7%	16.7% #3B511C	RGB 59 81 28	#3B511C
33.3%	33.3% #4B5D24	RGB 75 93 36	#4B5D24
50.0%	50.0% #5B6A2B	RGB 91 106 43	#5B6A2B
66.7%	66.7% #6B7633	RGB 107 118 51	#6B7633
83.3%	83.3% #7B823A	RGB 123 130 58	#7B823A
100.0%	100.0% #8C8F42	RGB 140 143 66	#8C8F42

#2B4515 #3B511C #4B5D24 #5B6A2B #6B7633 #7B823A #8C8F42

#2B4515 - #8C8F42

HSV Blend

#2B4515 - #8C8F42 | 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 #2B4515 as 0% and #8C8F42 as 100%.

0.0%	0.0% #2B4515	RGB 43 69 21	#2B4515
16.7%	16.7% #38511A	RGB 56 81 26	#38511A
33.3%	33.3% #475D21	RGB 71 93 33	#475D21
50.0%	50.0% #576A28	RGB 87 106 40	#576A28
66.7%	66.7% #677630	RGB 103 118 48	#677630
83.3%	83.3% #798238	RGB 121 130 56	#798238
100.0%	100.0% #8C8F42	RGB 140 143 66	#8C8F42

#2B4515 #38511A #475D21 #576A28 #677630 #798238 #8C8F42

#2B4515 - #576A28 - #8C8F42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B4515 0%, #576A28 50%, #8C8F42 100%);
    background: -webkit-linear-gradient(top, #2B4515 0%, #576A28 50%, #8C8F42 100%);
    background: linear-gradient(to bottom, #2B4515 0%, #576A28 50%, #8C8F42 100%);
}
</style>