#2B2D14 - #857A3B | 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 #2B2D14 to #857A3B

#2B2D14 #857A3B

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

#2B2D14 - #857A3B | 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 #2B2D14 as 0% and #857A3B as 100%.

0.0%	0.0% #2B2D14	RGB 43 45 20	#2B2D14
16.7%	16.7% #3A391A	RGB 58 57 26	#3A391A
33.3%	33.3% #494621	RGB 73 70 33	#494621
50.0%	50.0% #585327	RGB 88 83 39	#585327
66.7%	66.7% #67602E	RGB 103 96 46	#67602E
83.3%	83.3% #766D34	RGB 118 109 52	#766D34
100.0%	100.0% #857A3B	RGB 133 122 59	#857A3B

#2B2D14 #3A391A #494621 #585327 #67602E #766D34 #857A3B

#2B2D14 - #857A3B

HSV Blend

#2B2D14 - #857A3B | 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 #2B2D14 as 0% and #857A3B as 100%.

0.0%	0.0% #2B2D14	RGB 43 45 20	#2B2D14
16.7%	16.7% #3A3B1A	RGB 58 59 26	#3A3B1A
33.3%	33.3% #4A4A21	RGB 74 74 33	#4A4A21
50.0%	50.0% #595727	RGB 89 87 39	#595727
66.7%	66.7% #67632E	RGB 103 99 46	#67632E
83.3%	83.3% #766F34	RGB 118 111 52	#766F34
100.0%	100.0% #857A3B	RGB 133 122 59	#857A3B

#2B2D14 #3A3B1A #4A4A21 #595727 #67632E #766F34 #857A3B

#2B2D14 - #595727 - #857A3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2D14 0%, #595727 50%, #857A3B 100%);
    background: -webkit-linear-gradient(top, #2B2D14 0%, #595727 50%, #857A3B 100%);
    background: linear-gradient(to bottom, #2B2D14 0%, #595727 50%, #857A3B 100%);
}
</style>