#828C92 - #3A4049 | 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 #828C92 to #3A4049

#828C92 #3A4049

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

#828C92 - #3A4049 | 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 #828C92 as 0% and #3A4049 as 100%.

0.0%	0.0% #828C92	RGB 130 140 146	#828C92
16.7%	16.7% #767F85	RGB 118 127 133	#767F85
33.3%	33.3% #6A7279	RGB 106 114 121	#6A7279
50.0%	50.0% #5E666D	RGB 94 102 109	#5E666D
66.7%	66.7% #525961	RGB 82 89 97	#525961
83.3%	83.3% #464C55	RGB 70 76 85	#464C55
100.0%	100.0% #3A4049	RGB 58 64 73	#3A4049

#828C92 #767F85 #6A7279 #5E666D #525961 #464C55 #3A4049

#828C92 - #3A4049

HSV Blend

#828C92 - #3A4049 | 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 #828C92 as 0% and #3A4049 as 100%.

0.0%	0.0% #828C92	RGB 130 140 146	#828C92
16.7%	16.7% #757E85	RGB 117 126 133	#757E85
33.3%	33.3% #687179	RGB 104 113 121	#687179
50.0%	50.0% #5C656D	RGB 92 101 109	#5C656D
66.7%	66.7% #505861	RGB 80 88 97	#505861
83.3%	83.3% #454C55	RGB 69 76 85	#454C55
100.0%	100.0% #3A4049	RGB 58 64 73	#3A4049

#828C92 #757E85 #687179 #5C656D #505861 #454C55 #3A4049

#828C92 - #5C656D - #3A4049

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #828C92 0%, #5C656D 50%, #3A4049 100%);
    background: -webkit-linear-gradient(top, #828C92 0%, #5C656D 50%, #3A4049 100%);
    background: linear-gradient(to bottom, #828C92 0%, #5C656D 50%, #3A4049 100%);
}
</style>