#7A8981 - #393A41 | 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 #7A8981 to #393A41

#7A8981 #393A41

Calculate the color between two colors, #7A8981 and #393A41. 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)

#7A8981 - #393A41 | 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 #7A8981 as 0% and #393A41 as 100%.

0.0%	0.0% #7A8981	RGB 122 137 129	#7A8981
16.7%	16.7% #6F7B76	RGB 111 123 118	#6F7B76
33.3%	33.3% #646E6B	RGB 100 110 107	#646E6B
50.0%	50.0% #596161	RGB 89 97 97	#596161
66.7%	66.7% #4E5456	RGB 78 84 86	#4E5456
83.3%	83.3% #43474B	RGB 67 71 75	#43474B
100.0%	100.0% #393A41	RGB 57 58 65	#393A41

#7A8981 #6F7B76 #646E6B #596161 #4E5456 #43474B #393A41

#7A8981 - #393A41

HSV Blend

#7A8981 - #393A41 | 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 #7A8981 as 0% and #393A41 as 100%.

0.0%	0.0% #7A8981	RGB 122 137 129	#7A8981
16.7%	16.7% #6F7D78	RGB 111 125 120	#6F7D78
33.3%	33.3% #647170	RGB 100 113 112	#647170
50.0%	50.0% #596265	RGB 89 98 101	#596265
66.7%	66.7% #4E5459	RGB 78 84 89	#4E5459
83.3%	83.3% #43474D	RGB 67 71 77	#43474D
100.0%	100.0% #393A41	RGB 57 58 65	#393A41

#7A8981 #6F7D78 #647170 #596265 #4E5459 #43474D #393A41

#7A8981 - #596265 - #393A41

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8981 0%, #596265 50%, #393A41 100%);
    background: -webkit-linear-gradient(top, #7A8981 0%, #596265 50%, #393A41 100%);
    background: linear-gradient(to bottom, #7A8981 0%, #596265 50%, #393A41 100%);
}
</style>