#82797D - #5A3030 | 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 #82797D to #5A3030

#82797D #5A3030

Calculate the color between two colors, #82797D and #5A3030. 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)

#82797D - #5A3030 | 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 #82797D as 0% and #5A3030 as 100%.

0.0%	0.0% #82797D	RGB 130 121 125	#82797D
16.7%	16.7% #7B6C70	RGB 123 108 112	#7B6C70
33.3%	33.3% #746063	RGB 116 96 99	#746063
50.0%	50.0% #6E5456	RGB 110 84 86	#6E5456
66.7%	66.7% #674849	RGB 103 72 73	#674849
83.3%	83.3% #603C3C	RGB 96 60 60	#603C3C
100.0%	100.0% #5A3030	RGB 90 48 48	#5A3030

#82797D #7B6C70 #746063 #6E5456 #674849 #603C3C #5A3030

#82797D - #5A3030

HSV Blend

#82797D - #5A3030 | 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 #82797D as 0% and #5A3030 as 100%.

0.0%	0.0% #82797D	RGB 130 121 125	#82797D
16.7%	16.7% #7B6A70	RGB 123 106 112	#7B6A70
33.3%	33.3% #745D64	RGB 116 93 100	#745D64
50.0%	50.0% #6E5057	RGB 110 80 87	#6E5057
66.7%	66.7% #674449	RGB 103 68 73	#674449
83.3%	83.3% #60393C	RGB 96 57 60	#60393C
100.0%	100.0% #5A3030	RGB 90 48 48	#5A3030

#82797D #7B6A70 #745D64 #6E5057 #674449 #60393C #5A3030

#82797D - #6E5057 - #5A3030

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82797D 0%, #6E5057 50%, #5A3030 100%);
    background: -webkit-linear-gradient(top, #82797D 0%, #6E5057 50%, #5A3030 100%);
    background: linear-gradient(to bottom, #82797D 0%, #6E5057 50%, #5A3030 100%);
}
</style>