#373D3E - #8D7F70 | 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 #373D3E to #8D7F70

#373D3E #8D7F70

Calculate the color between two colors, #373D3E and #8D7F70. 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)

#373D3E - #8D7F70 | 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 #373D3E as 0% and #8D7F70 as 100%.

0.0%	0.0% #373D3E	RGB 55 61 62	#373D3E
16.7%	16.7% #454846	RGB 69 72 70	#454846
33.3%	33.3% #53534E	RGB 83 83 78	#53534E
50.0%	50.0% #625E57	RGB 98 94 87	#625E57
66.7%	66.7% #70695F	RGB 112 105 95	#70695F
83.3%	83.3% #7E7467	RGB 126 116 103	#7E7467
100.0%	100.0% #8D7F70	RGB 141 127 112	#8D7F70

#373D3E #454846 #53534E #625E57 #70695F #7E7467 #8D7F70

#373D3E - #8D7F70

HSV Blend

#373D3E - #8D7F70 | 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 #373D3E as 0% and #8D7F70 as 100%.

0.0%	0.0% #373D3E	RGB 55 61 62	#373D3E
16.7%	16.7% #414B48	RGB 65 75 72	#414B48
33.3%	33.3% #4B584F	RGB 75 88 79	#4B584F
50.0%	50.0% #586555	RGB 88 101 85	#586555
66.7%	66.7% #6A725E	RGB 106 114 94	#6A725E
83.3%	83.3% #7F7E67	RGB 127 126 103	#7F7E67
100.0%	100.0% #8D7F70	RGB 141 127 112	#8D7F70

#373D3E #414B48 #4B584F #586555 #6A725E #7F7E67 #8D7F70

#373D3E - #586555 - #8D7F70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #373D3E 0%, #586555 50%, #8D7F70 100%);
    background: -webkit-linear-gradient(top, #373D3E 0%, #586555 50%, #8D7F70 100%);
    background: linear-gradient(to bottom, #373D3E 0%, #586555 50%, #8D7F70 100%);
}
</style>