#3E212B - #9D5E51 | 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 #3E212B to #9D5E51

#3E212B #9D5E51

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

#3E212B - #9D5E51 | 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 #3E212B as 0% and #9D5E51 as 100%.

0.0%	0.0% #3E212B	RGB 62 33 43	#3E212B
16.7%	16.7% #4D2B31	RGB 77 43 49	#4D2B31
33.3%	33.3% #5D3537	RGB 93 53 55	#5D3537
50.0%	50.0% #6D3F3E	RGB 109 63 62	#6D3F3E
66.7%	66.7% #7D4944	RGB 125 73 68	#7D4944
83.3%	83.3% #8D534A	RGB 141 83 74	#8D534A
100.0%	100.0% #9D5E51	RGB 157 94 81	#9D5E51

#3E212B #4D2B31 #5D3537 #6D3F3E #7D4944 #8D534A #9D5E51

#3E212B - #9D5E51

HSV Blend

#3E212B - #9D5E51 | 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 #3E212B as 0% and #9D5E51 as 100%.

0.0%	0.0% #3E212B	RGB 62 33 43	#3E212B
16.7%	16.7% #4D2932	RGB 77 41 50	#4D2932
33.3%	33.3% #5D3139	RGB 93 49 57	#5D3139
50.0%	50.0% #6D393D	RGB 109 57 61	#6D393D
66.7%	66.7% #7D4141	RGB 125 65 65	#7D4141
83.3%	83.3% #8D4E49	RGB 141 78 73	#8D4E49
100.0%	100.0% #9D5E51	RGB 157 94 81	#9D5E51

#3E212B #4D2932 #5D3139 #6D393D #7D4141 #8D4E49 #9D5E51

#3E212B - #6D393D - #9D5E51

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E212B 0%, #6D393D 50%, #9D5E51 100%);
    background: -webkit-linear-gradient(top, #3E212B 0%, #6D393D 50%, #9D5E51 100%);
    background: linear-gradient(to bottom, #3E212B 0%, #6D393D 50%, #9D5E51 100%);
}
</style>