#3E3C48 - #CB8366 | 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 #3E3C48 to #CB8366

#3E3C48 #CB8366

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

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

0.0%	0.0% #3E3C48	RGB 62 60 72	#3E3C48
16.7%	16.7% #55474D	RGB 85 71 77	#55474D
33.3%	33.3% #6D5352	RGB 109 83 82	#6D5352
50.0%	50.0% #845F57	RGB 132 95 87	#845F57
66.7%	66.7% #9C6B5C	RGB 156 107 92	#9C6B5C
83.3%	83.3% #B37761	RGB 179 119 97	#B37761
100.0%	100.0% #CB8366	RGB 203 131 102	#CB8366

#3E3C48 #55474D #6D5352 #845F57 #9C6B5C #B37761 #CB8366

#3E3C48 - #CB8366

HSV Blend

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

0.0%	0.0% #3E3C48	RGB 62 60 72	#3E3C48
16.7%	16.7% #53495D	RGB 83 73 93	#53495D
33.3%	33.3% #6F5373	RGB 111 83 115	#6F5373
50.0%	50.0% #895B7F	RGB 137 91 127	#895B7F
66.7%	66.7% #9F617B	RGB 159 97 123	#9F617B
83.3%	83.3% #B5656A	RGB 181 101 106	#B5656A
100.0%	100.0% #CB8366	RGB 203 131 102	#CB8366

#3E3C48 #53495D #6F5373 #895B7F #9F617B #B5656A #CB8366

#3E3C48 - #895B7F - #CB8366

CSS codes

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

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