#979799 - #3C5251 | 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 #979799 to #3C5251

#979799 #3C5251

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

#979799 - #3C5251 | 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 #979799 as 0% and #3C5251 as 100%.

0.0%	0.0% #979799	RGB 151 151 153	#979799
16.7%	16.7% #878B8D	RGB 135 139 141	#878B8D
33.3%	33.3% #788081	RGB 120 128 129	#788081
50.0%	50.0% #697475	RGB 105 116 117	#697475
66.7%	66.7% #5A6969	RGB 90 105 105	#5A6969
83.3%	83.3% #4B5D5D	RGB 75 93 93	#4B5D5D
100.0%	100.0% #3C5251	RGB 60 82 81	#3C5251

#979799 #878B8D #788081 #697475 #5A6969 #4B5D5D #3C5251

#979799 - #3C5251

HSV Blend

#979799 - #3C5251 | 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 #979799 as 0% and #3C5251 as 100%.

0.0%	0.0% #979799	RGB 151 151 153	#979799
16.7%	16.7% #85868D	RGB 133 134 141	#85868D
33.3%	33.3% #747981	RGB 116 121 129	#747981
50.0%	50.0% #646D75	RGB 100 109 117	#646D75
66.7%	66.7% #566369	RGB 86 99 105	#566369
83.3%	83.3% #485B5D	RGB 72 91 93	#485B5D
100.0%	100.0% #3C5251	RGB 60 82 81	#3C5251

#979799 #85868D #747981 #646D75 #566369 #485B5D #3C5251

#979799 - #646D75 - #3C5251

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #979799 0%, #646D75 50%, #3C5251 100%);
    background: -webkit-linear-gradient(top, #979799 0%, #646D75 50%, #3C5251 100%);
    background: linear-gradient(to bottom, #979799 0%, #646D75 50%, #3C5251 100%);
}
</style>