#3C343B - #AF7E6D | 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 #3C343B to #AF7E6D

#3C343B #AF7E6D

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

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

0.0%	0.0% #3C343B	RGB 60 52 59	#3C343B
16.7%	16.7% #4F4043	RGB 79 64 67	#4F4043
33.3%	33.3% #624C4B	RGB 98 76 75	#624C4B
50.0%	50.0% #755954	RGB 117 89 84	#755954
66.7%	66.7% #88655C	RGB 136 101 92	#88655C
83.3%	83.3% #9B7164	RGB 155 113 100	#9B7164
100.0%	100.0% #AF7E6D	RGB 175 126 109	#AF7E6D

#3C343B #4F4043 #624C4B #755954 #88655C #9B7164 #AF7E6D

#3C343B - #AF7E6D

HSV Blend

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

0.0%	0.0% #3C343B	RGB 60 52 59	#3C343B
16.7%	16.7% #4F414A	RGB 79 65 74	#4F414A
33.3%	33.3% #624D57	RGB 98 77 87	#624D57
50.0%	50.0% #755760	RGB 117 87 96	#755760
66.7%	66.7% #886065	RGB 136 96 101	#886065
83.3%	83.3% #9B6B67	RGB 155 107 103	#9B6B67
100.0%	100.0% #AF7E6D	RGB 175 126 109	#AF7E6D

#3C343B #4F414A #624D57 #755760 #886065 #9B6B67 #AF7E6D

#3C343B - #755760 - #AF7E6D

CSS codes

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

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