#3E3C3A - #ADAB6E | 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 #3E3C3A to #ADAB6E

#3E3C3A #ADAB6E

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

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

0.0%	0.0% #3E3C3A	RGB 62 60 58	#3E3C3A
16.7%	16.7% #504E42	RGB 80 78 66	#504E42
33.3%	33.3% #63614B	RGB 99 97 75	#63614B
50.0%	50.0% #757354	RGB 117 115 84	#757354
66.7%	66.7% #88865C	RGB 136 134 92	#88865C
83.3%	83.3% #9A9865	RGB 154 152 101	#9A9865
100.0%	100.0% #ADAB6E	RGB 173 171 110	#ADAB6E

#3E3C3A #504E42 #63614B #757354 #88865C #9A9865 #ADAB6E

#3E3C3A - #ADAB6E

HSV Blend

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

0.0%	0.0% #3E3C3A	RGB 62 60 58	#3E3C3A
16.7%	16.7% #504C47	RGB 80 76 71	#504C47
33.3%	33.3% #635D52	RGB 99 93 82	#635D52
50.0%	50.0% #756E5C	RGB 117 110 92	#756E5C
66.7%	66.7% #888164	RGB 136 129 100	#888164
83.3%	83.3% #9A9569	RGB 154 149 105	#9A9569
100.0%	100.0% #ADAB6E	RGB 173 171 110	#ADAB6E

#3E3C3A #504C47 #635D52 #756E5C #888164 #9A9569 #ADAB6E

#3E3C3A - #756E5C - #ADAB6E

CSS codes

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

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