#837E7E - #3B2D3C | 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 #837E7E to #3B2D3C

#837E7E #3B2D3C

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

#837E7E - #3B2D3C | 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 #837E7E as 0% and #3B2D3C as 100%.

0.0%	0.0% #837E7E	RGB 131 126 126	#837E7E
16.7%	16.7% #777073	RGB 119 112 115	#777073
33.3%	33.3% #6B6368	RGB 107 99 104	#6B6368
50.0%	50.0% #5F555D	RGB 95 85 93	#5F555D
66.7%	66.7% #534852	RGB 83 72 82	#534852
83.3%	83.3% #473A47	RGB 71 58 71	#473A47
100.0%	100.0% #3B2D3C	RGB 59 45 60	#3B2D3C

#837E7E #777073 #6B6368 #5F555D #534852 #473A47 #3B2D3C

#837E7E - #3B2D3C

HSV Blend

#837E7E - #3B2D3C | 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 #837E7E as 0% and #3B2D3C as 100%.

0.0%	0.0% #837E7E	RGB 131 126 126	#837E7E
16.7%	16.7% #776E6F	RGB 119 110 111	#776E6F
33.3%	33.3% #6B5F63	RGB 107 95 99	#6B5F63
50.0%	50.0% #5F5159	RGB 95 81 89	#5F5159
66.7%	66.7% #53444F	RGB 83 68 79	#53444F
83.3%	83.3% #473846	RGB 71 56 70	#473846
100.0%	100.0% #3B2D3C	RGB 59 45 60	#3B2D3C

#837E7E #776E6F #6B5F63 #5F5159 #53444F #473846 #3B2D3C

#837E7E - #5F5159 - #3B2D3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #837E7E 0%, #5F5159 50%, #3B2D3C 100%);
    background: -webkit-linear-gradient(top, #837E7E 0%, #5F5159 50%, #3B2D3C 100%);
    background: linear-gradient(to bottom, #837E7E 0%, #5F5159 50%, #3B2D3C 100%);
}
</style>