#3E3D3C - #AC9969 | 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 #3E3D3C to #AC9969

#3E3D3C #AC9969

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

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

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #504C43	RGB 80 76 67	#504C43
33.3%	33.3% #625B4B	RGB 98 91 75	#625B4B
50.0%	50.0% #756B52	RGB 117 107 82	#756B52
66.7%	66.7% #877A5A	RGB 135 122 90	#877A5A
83.3%	83.3% #998961	RGB 153 137 97	#998961
100.0%	100.0% #AC9969	RGB 172 153 105	#AC9969

#3E3D3C #504C43 #625B4B #756B52 #877A5A #998961 #AC9969

#3E3D3C - #AC9969

HSV Blend

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

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #504C48	RGB 80 76 72	#504C48
33.3%	33.3% #625C53	RGB 98 92 83	#625C53
50.0%	50.0% #756B5C	RGB 117 107 92	#756B5C
66.7%	66.7% #877A62	RGB 135 122 98	#877A62
83.3%	83.3% #998966	RGB 153 137 102	#998966
100.0%	100.0% #AC9969	RGB 172 153 105	#AC9969

#3E3D3C #504C48 #625C53 #756B5C #877A62 #998966 #AC9969

#3E3D3C - #756B5C - #AC9969

CSS codes

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

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