#2B2F08 - #747135 | 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 #2B2F08 to #747135

#2B2F08 #747135

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

#2B2F08 - #747135 | 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 #2B2F08 as 0% and #747135 as 100%.

0.0%	0.0% #2B2F08	RGB 43 47 8	#2B2F08
16.7%	16.7% #373A0F	RGB 55 58 15	#373A0F
33.3%	33.3% #434517	RGB 67 69 23	#434517
50.0%	50.0% #4F501E	RGB 79 80 30	#4F501E
66.7%	66.7% #5B5B26	RGB 91 91 38	#5B5B26
83.3%	83.3% #67662D	RGB 103 102 45	#67662D
100.0%	100.0% #747135	RGB 116 113 53	#747135

#2B2F08 #373A0F #434517 #4F501E #5B5B26 #67662D #747135

#2B2F08 - #747135

HSV Blend

#2B2F08 - #747135 | 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 #2B2F08 as 0% and #747135 as 100%.

0.0%	0.0% #2B2F07	RGB 43 47 7	#2B2F07
16.7%	16.7% #363A0C	RGB 54 58 12	#363A0C
33.3%	33.3% #434612	RGB 67 70 18	#434612
50.0%	50.0% #4F5119	RGB 79 81 25	#4F5119
66.7%	66.7% #5C5D21	RGB 92 93 33	#5C5D21
83.3%	83.3% #68672A	RGB 104 103 42	#68672A
100.0%	100.0% #747135	RGB 116 113 53	#747135

#2B2F07 #363A0C #434612 #4F5119 #5C5D21 #68672A #747135

#2B2F08 - #4F5119 - #747135

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2F07 0%, #4F5119 50%, #747135 100%);
    background: -webkit-linear-gradient(top, #2B2F07 0%, #4F5119 50%, #747135 100%);
    background: linear-gradient(to bottom, #2B2F07 0%, #4F5119 50%, #747135 100%);
}
</style>