#3E3A3A - #AD986E | 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 #3E3A3A to #AD986E

#3E3A3A #AD986E

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

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

0.0%	0.0% #3E3A3A	RGB 62 58 58	#3E3A3A
16.7%	16.7% #504942	RGB 80 73 66	#504942
33.3%	33.3% #63594B	RGB 99 89 75	#63594B
50.0%	50.0% #756954	RGB 117 105 84	#756954
66.7%	66.7% #88785C	RGB 136 120 92	#88785C
83.3%	83.3% #9A8865	RGB 154 136 101	#9A8865
100.0%	100.0% #AD986E	RGB 173 152 110	#AD986E

#3E3A3A #504942 #63594B #756954 #88785C #9A8865 #AD986E

#3E3A3A - #AD986E

HSV Blend

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

0.0%	0.0% #3E3A3A	RGB 62 58 58	#3E3A3A
16.7%	16.7% #504847	RGB 80 72 71	#504847
33.3%	33.3% #635652	RGB 99 86 82	#635652
50.0%	50.0% #75645C	RGB 117 100 92	#75645C
66.7%	66.7% #887464	RGB 136 116 100	#887464
83.3%	83.3% #9A8469	RGB 154 132 105	#9A8469
100.0%	100.0% #AD986E	RGB 173 152 110	#AD986E

#3E3A3A #504847 #635652 #75645C #887464 #9A8469 #AD986E

#3E3A3A - #75645C - #AD986E

CSS codes

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

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