#3E3E3D - #A98463 | 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 #3E3E3D to #A98463

#3E3E3D #A98463

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

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

0.0%	0.0% #3E3E3D	RGB 62 62 61	#3E3E3D
16.7%	16.7% #4F4943	RGB 79 73 67	#4F4943
33.3%	33.3% #615549	RGB 97 85 73	#615549
50.0%	50.0% #736150	RGB 115 97 80	#736150
66.7%	66.7% #856C56	RGB 133 108 86	#856C56
83.3%	83.3% #97785C	RGB 151 120 92	#97785C
100.0%	100.0% #A98463	RGB 169 132 99	#A98463

#3E3E3D #4F4943 #615549 #736150 #856C56 #97785C #A98463

#3E3E3D - #A98463

HSV Blend

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

0.0%	0.0% #3E3E3D	RGB 62 62 61	#3E3E3D
16.7%	16.7% #4F4F49	RGB 79 79 73	#4F4F49
33.3%	33.3% #615F53	RGB 97 95 83	#615F53
50.0%	50.0% #736C5A	RGB 115 108 90	#736C5A
66.7%	66.7% #85785F	RGB 133 120 95	#85785F
83.3%	83.3% #978062	RGB 151 128 98	#978062
100.0%	100.0% #A98463	RGB 169 132 99	#A98463

#3E3E3D #4F4F49 #615F53 #736C5A #85785F #978062 #A98463

#3E3E3D - #736C5A - #A98463

CSS codes

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

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