#3C3E3B - #8D8563 | 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 #3C3E3B to #8D8563

#3C3E3B #8D8563

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

#3C3E3B - #8D8563 | 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 #3C3E3B as 0% and #8D8563 as 100%.

0.0%	0.0% #3C3E3B	RGB 60 62 59	#3C3E3B
16.7%	16.7% #494941	RGB 73 73 65	#494941
33.3%	33.3% #575548	RGB 87 85 72	#575548
50.0%	50.0% #64614F	RGB 100 97 79	#64614F
66.7%	66.7% #726D55	RGB 114 109 85	#726D55
83.3%	83.3% #7F795C	RGB 127 121 92	#7F795C
100.0%	100.0% #8D8563	RGB 141 133 99	#8D8563

#3C3E3B #494941 #575548 #64614F #726D55 #7F795C #8D8563

#3C3E3B - #8D8563

HSV Blend

#3C3E3B - #8D8563 | 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 #3C3E3B as 0% and #8D8563 as 100%.

0.0%	0.0% #3C3E3B	RGB 60 62 59	#3C3E3B
16.7%	16.7% #474B44	RGB 71 75 68	#474B44
33.3%	33.3% #53584C	RGB 83 88 76	#53584C
50.0%	50.0% #616553	RGB 97 101 83	#616553
66.7%	66.7% #70725A	RGB 112 114 90	#70725A
83.3%	83.3% #7F7E5F	RGB 127 126 95	#7F7E5F
100.0%	100.0% #8D8563	RGB 141 133 99	#8D8563

#3C3E3B #474B44 #53584C #616553 #70725A #7F7E5F #8D8563

#3C3E3B - #616553 - #8D8563

CSS codes

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

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