#3D3C3C - #AE8970 | 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 #3D3C3C to #AE8970

#3D3C3C #AE8970

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

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

0.0%	0.0% #3D3C3C	RGB 61 60 60	#3D3C3C
16.7%	16.7% #4F4844	RGB 79 72 68	#4F4844
33.3%	33.3% #62554D	RGB 98 85 77	#62554D
50.0%	50.0% #756256	RGB 117 98 86	#756256
66.7%	66.7% #886F5E	RGB 136 111 94	#886F5E
83.3%	83.3% #9B7C67	RGB 155 124 103	#9B7C67
100.0%	100.0% #AE8970	RGB 174 137 112	#AE8970

#3D3C3C #4F4844 #62554D #756256 #886F5E #9B7C67 #AE8970

#3D3C3C - #AE8970

HSV Blend

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

0.0%	0.0% #3D3C3C	RGB 61 60 60	#3D3C3C
16.7%	16.7% #4F4A4A	RGB 79 74 74	#4F4A4A
33.3%	33.3% #625755	RGB 98 87 85	#625755
50.0%	50.0% #75645F	RGB 117 100 95	#75645F
66.7%	66.7% #887067	RGB 136 112 103	#887067
83.3%	83.3% #9B7C6C	RGB 155 124 108	#9B7C6C
100.0%	100.0% #AE8970	RGB 174 137 112	#AE8970

#3D3C3C #4F4A4A #625755 #75645F #887067 #9B7C6C #AE8970

#3D3C3C - #75645F - #AE8970

CSS codes

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

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