#3E3D3C - #AEAD70 | 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 #AEAD70

#3E3D3C #AEAD70

Calculate the color between two colors, #3E3D3C and #AEAD70. 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 - #AEAD70 | 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 #AEAD70 as 100%.

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #504F44	RGB 80 79 68	#504F44
33.3%	33.3% #63624D	RGB 99 98 77	#63624D
50.0%	50.0% #767556	RGB 118 117 86	#767556
66.7%	66.7% #88875E	RGB 136 135 94	#88875E
83.3%	83.3% #9B9A67	RGB 155 154 103	#9B9A67
100.0%	100.0% #AEAD70	RGB 174 173 112	#AEAD70

#3E3D3C #504F44 #63624D #767556 #88875E #9B9A67 #AEAD70

#3E3D3C - #AEAD70

HSV Blend

#3E3D3C - #AEAD70 | 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 #AEAD70 as 100%.

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #504D49	RGB 80 77 73	#504D49
33.3%	33.3% #635E55	RGB 99 94 85	#635E55
50.0%	50.0% #76705F	RGB 118 112 95	#76705F
66.7%	66.7% #888266	RGB 136 130 102	#888266
83.3%	83.3% #9B966C	RGB 155 150 108	#9B966C
100.0%	100.0% #AEAD70	RGB 174 173 112	#AEAD70

#3E3D3C #504D49 #635E55 #76705F #888266 #9B966C #AEAD70

#3E3D3C - #76705F - #AEAD70

CSS codes

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

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