#3D3D3D - #AE8A71 | 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 #3D3D3D to #AE8A71

#3D3D3D #AE8A71

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

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

0.0%	0.0% #3D3D3D	RGB 61 61 61	#3D3D3D
16.7%	16.7% #4F4945	RGB 79 73 69	#4F4945
33.3%	33.3% #62564E	RGB 98 86 78	#62564E
50.0%	50.0% #756357	RGB 117 99 87	#756357
66.7%	66.7% #88705F	RGB 136 112 95	#88705F
83.3%	83.3% #9B7D68	RGB 155 125 104	#9B7D68
100.0%	100.0% #AE8A71	RGB 174 138 113	#AE8A71

#3D3D3D #4F4945 #62564E #756357 #88705F #9B7D68 #AE8A71

#3D3D3D - #AE8A71

HSV Blend

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

0.0%	0.0% #3D3D3D	RGB 61 61 61	#3D3D3D
16.7%	16.7% #4F4B4B	RGB 79 75 75	#4F4B4B
33.3%	33.3% #625857	RGB 98 88 87	#625857
50.0%	50.0% #756560	RGB 117 101 96	#756560
66.7%	66.7% #887168	RGB 136 113 104	#887168
83.3%	83.3% #9B7D6D	RGB 155 125 109	#9B7D6D
100.0%	100.0% #AE8A71	RGB 174 138 113	#AE8A71

#3D3D3D #4F4B4B #625857 #756560 #887168 #9B7D6D #AE8A71

#3D3D3D - #756560 - #AE8A71

CSS codes

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

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