#3E3D3D - #AF8A71 | 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 #3E3D3D to #AF8A71

#3E3D3D #AF8A71

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

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

0.0%	0.0% #3E3D3D	RGB 62 61 61	#3E3D3D
16.7%	16.7% #504945	RGB 80 73 69	#504945
33.3%	33.3% #63564E	RGB 99 86 78	#63564E
50.0%	50.0% #766357	RGB 118 99 87	#766357
66.7%	66.7% #89705F	RGB 137 112 95	#89705F
83.3%	83.3% #9C7D68	RGB 156 125 104	#9C7D68
100.0%	100.0% #AF8A71	RGB 175 138 113	#AF8A71

#3E3D3D #504945 #63564E #766357 #89705F #9C7D68 #AF8A71

#3E3D3D - #AF8A71

HSV Blend

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

0.0%	0.0% #3E3D3D	RGB 62 61 61	#3E3D3D
16.7%	16.7% #504B4A	RGB 80 75 74	#504B4A
33.3%	33.3% #635856	RGB 99 88 86	#635856
50.0%	50.0% #766460	RGB 118 100 96	#766460
66.7%	66.7% #897168	RGB 137 113 104	#897168
83.3%	83.3% #9C7D6D	RGB 156 125 109	#9C7D6D
100.0%	100.0% #AF8A71	RGB 175 138 113	#AF8A71

#3E3D3D #504B4A #635856 #766460 #897168 #9C7D6D #AF8A71

#3E3D3D - #766460 - #AF8A71

CSS codes

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

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