#3D3D36 - #A8835B | 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 #3D3D36 to #A8835B

#3D3D36 #A8835B

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

#3D3D36 - #A8835B | 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 #3D3D36 as 0% and #A8835B as 100%.

0.0%	0.0% #3D3D36	RGB 61 61 54	#3D3D36
16.7%	16.7% #4E483C	RGB 78 72 60	#4E483C
33.3%	33.3% #605442	RGB 96 84 66	#605442
50.0%	50.0% #726048	RGB 114 96 72	#726048
66.7%	66.7% #846B4E	RGB 132 107 78	#846B4E
83.3%	83.3% #967754	RGB 150 119 84	#967754
100.0%	100.0% #A8835B	RGB 168 131 91	#A8835B

#3D3D36 #4E483C #605442 #726048 #846B4E #967754 #A8835B

#3D3D36 - #A8835B

HSV Blend

#3D3D36 - #A8835B | 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 #3D3D36 as 0% and #A8835B as 100%.

0.0%	0.0% #3D3D36	RGB 61 61 54	#3D3D36
16.7%	16.7% #4E4D41	RGB 78 77 65	#4E4D41
33.3%	33.3% #605D4A	RGB 96 93 74	#605D4A
50.0%	50.0% #726A51	RGB 114 106 81	#726A51
66.7%	66.7% #847556	RGB 132 117 86	#847556
83.3%	83.3% #967E59	RGB 150 126 89	#967E59
100.0%	100.0% #A8835B	RGB 168 131 91	#A8835B

#3D3D36 #4E4D41 #605D4A #726A51 #847556 #967E59 #A8835B

#3D3D36 - #726A51 - #A8835B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3D36 0%, #726A51 50%, #A8835B 100%);
    background: -webkit-linear-gradient(top, #3D3D36 0%, #726A51 50%, #A8835B 100%);
    background: linear-gradient(to bottom, #3D3D36 0%, #726A51 50%, #A8835B 100%);
}
</style>