#3F3E3C - #AC8666 | 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 #3F3E3C to #AC8666

#3F3E3C #AC8666

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

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

0.0%	0.0% #3F3E3C	RGB 63 62 60	#3F3E3C
16.7%	16.7% #514A43	RGB 81 74 67	#514A43
33.3%	33.3% #63564A	RGB 99 86 74	#63564A
50.0%	50.0% #756251	RGB 117 98 81	#756251
66.7%	66.7% #876E58	RGB 135 110 88	#876E58
83.3%	83.3% #997A5F	RGB 153 122 95	#997A5F
100.0%	100.0% #AC8666	RGB 172 134 102	#AC8666

#3F3E3C #514A43 #63564A #756251 #876E58 #997A5F #AC8666

#3F3E3C - #AC8666

HSV Blend

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

0.0%	0.0% #3F3E3C	RGB 63 62 60	#3F3E3C
16.7%	16.7% #514D48	RGB 81 77 72	#514D48
33.3%	33.3% #635C52	RGB 99 92 82	#635C52
50.0%	50.0% #75695A	RGB 117 105 90	#75695A
66.7%	66.7% #877560	RGB 135 117 96	#877560
83.3%	83.3% #997E64	RGB 153 126 100	#997E64
100.0%	100.0% #AC8666	RGB 172 134 102	#AC8666

#3F3E3C #514D48 #635C52 #75695A #877560 #997E64 #AC8666

#3F3E3C - #75695A - #AC8666

CSS codes

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

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