#3D3732 - #A67E5E | 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 #3D3732 to #A67E5E

#3D3732 #A67E5E

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

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

0.0%	0.0% #3D3732	RGB 61 55 50	#3D3732
16.7%	16.7% #4E4239	RGB 78 66 57	#4E4239
33.3%	33.3% #604E40	RGB 96 78 64	#604E40
50.0%	50.0% #715A48	RGB 113 90 72	#715A48
66.7%	66.7% #83664F	RGB 131 102 79	#83664F
83.3%	83.3% #947256	RGB 148 114 86	#947256
100.0%	100.0% #A67E5E	RGB 166 126 94	#A67E5E

#3D3732 #4E4239 #604E40 #715A48 #83664F #947256 #A67E5E

#3D3732 - #A67E5E

HSV Blend

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

0.0%	0.0% #3D3732	RGB 61 55 50	#3D3732
16.7%	16.7% #4E443D	RGB 78 68 61	#4E443D
33.3%	33.3% #605246	RGB 96 82 70	#605246
50.0%	50.0% #715E4E	RGB 113 94 78	#715E4E
66.7%	66.7% #836955	RGB 131 105 85	#836955
83.3%	83.3% #94745A	RGB 148 116 90	#94745A
100.0%	100.0% #A67E5E	RGB 166 126 94	#A67E5E

#3D3732 #4E443D #605246 #715E4E #836955 #94745A #A67E5E

#3D3732 - #715E4E - #A67E5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3732 0%, #715E4E 50%, #A67E5E 100%);
    background: -webkit-linear-gradient(top, #3D3732 0%, #715E4E 50%, #A67E5E 100%);
    background: linear-gradient(to bottom, #3D3732 0%, #715E4E 50%, #A67E5E 100%);
}
</style>