#3B3E2D - #92875B | 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 #3B3E2D to #92875B

#3B3E2D #92875B

Calculate the color between two colors, #3B3E2D and #92875B. 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)

#3B3E2D - #92875B | 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 #3B3E2D as 0% and #92875B as 100%.

0.0%	0.0% #3B3E2D	RGB 59 62 45	#3B3E2D
16.7%	16.7% #494A34	RGB 73 74 52	#494A34
33.3%	33.3% #58563C	RGB 88 86 60	#58563C
50.0%	50.0% #666244	RGB 102 98 68	#666244
66.7%	66.7% #756E4B	RGB 117 110 75	#756E4B
83.3%	83.3% #837A53	RGB 131 122 83	#837A53
100.0%	100.0% #92875B	RGB 146 135 91	#92875B

#3B3E2D #494A34 #58563C #666244 #756E4B #837A53 #92875B

#3B3E2D - #92875B

HSV Blend

#3B3E2D - #92875B | 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 #3B3E2D as 0% and #92875B as 100%.

0.0%	0.0% #3B3E2D	RGB 59 62 45	#3B3E2D
16.7%	16.7% #494C35	RGB 73 76 53	#494C35
33.3%	33.3% #585A3E	RGB 88 90 62	#585A3E
50.0%	50.0% #686746	RGB 104 103 70	#686746
66.7%	66.7% #76724D	RGB 118 114 77	#76724D
83.3%	83.3% #847D54	RGB 132 125 84	#847D54
100.0%	100.0% #92875B	RGB 146 135 91	#92875B

#3B3E2D #494C35 #585A3E #686746 #76724D #847D54 #92875B

#3B3E2D - #686746 - #92875B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B3E2D 0%, #686746 50%, #92875B 100%);
    background: -webkit-linear-gradient(top, #3B3E2D 0%, #686746 50%, #92875B 100%);
    background: linear-gradient(to bottom, #3B3E2D 0%, #686746 50%, #92875B 100%);
}
</style>