#3F3C2D - #93775B | 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 #3F3C2D to #93775B

#3F3C2D #93775B

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

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

0.0%	0.0% #3F3C2D	RGB 63 60 45	#3F3C2D
16.7%	16.7% #4D4534	RGB 77 69 52	#4D4534
33.3%	33.3% #5B4F3C	RGB 91 79 60	#5B4F3C
50.0%	50.0% #695944	RGB 105 89 68	#695944
66.7%	66.7% #77634B	RGB 119 99 75	#77634B
83.3%	83.3% #856D53	RGB 133 109 83	#856D53
100.0%	100.0% #93775B	RGB 147 119 91	#93775B

#3F3C2D #4D4534 #5B4F3C #695944 #77634B #856D53 #93775B

#3F3C2D - #93775B

HSV Blend

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

0.0%	0.0% #3F3C2D	RGB 63 60 45	#3F3C2D
16.7%	16.7% #4D4735	RGB 77 71 53	#4D4735
33.3%	33.3% #5B523E	RGB 91 82 62	#5B523E
50.0%	50.0% #695D46	RGB 105 93 70	#695D46
66.7%	66.7% #77664D	RGB 119 102 77	#77664D
83.3%	83.3% #856F54	RGB 133 111 84	#856F54
100.0%	100.0% #93775B	RGB 147 119 91	#93775B

#3F3C2D #4D4735 #5B523E #695D46 #77664D #856F54 #93775B

#3F3C2D - #695D46 - #93775B

CSS codes

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

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