#3E3C3C - #AE8870 | 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 #3E3C3C to #AE8870

#3E3C3C #AE8870

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

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

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #504844	RGB 80 72 68	#504844
33.3%	33.3% #63554D	RGB 99 85 77	#63554D
50.0%	50.0% #766256	RGB 118 98 86	#766256
66.7%	66.7% #886E5E	RGB 136 110 94	#886E5E
83.3%	83.3% #9B7B67	RGB 155 123 103	#9B7B67
100.0%	100.0% #AE8870	RGB 174 136 112	#AE8870

#3E3C3C #504844 #63554D #766256 #886E5E #9B7B67 #AE8870

#3E3C3C - #AE8870

HSV Blend

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

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #504A49	RGB 80 74 73	#504A49
33.3%	33.3% #635755	RGB 99 87 85	#635755
50.0%	50.0% #76635F	RGB 118 99 95	#76635F
66.7%	66.7% #886F66	RGB 136 111 102	#886F66
83.3%	83.3% #9B7B6C	RGB 155 123 108	#9B7B6C
100.0%	100.0% #AE8870	RGB 174 136 112	#AE8870

#3E3C3C #504A49 #635755 #76635F #886F66 #9B7B6C #AE8870

#3E3C3C - #76635F - #AE8870

CSS codes

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

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