#8D9F98 - #376758 | 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 #8D9F98 to #376758

#8D9F98 #376758

Calculate the color between two colors, #8D9F98 and #376758. 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)

#8D9F98 - #376758 | 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 #8D9F98 as 0% and #376758 as 100%.

0.0%	0.0% #8D9F98	RGB 141 159 152	#8D9F98
16.7%	16.7% #7E958D	RGB 126 149 141	#7E958D
33.3%	33.3% #708C82	RGB 112 140 130	#708C82
50.0%	50.0% #628378	RGB 98 131 120	#628378
66.7%	66.7% #53796D	RGB 83 121 109	#53796D
83.3%	83.3% #457062	RGB 69 112 98	#457062
100.0%	100.0% #376758	RGB 55 103 88	#376758

#8D9F98 #7E958D #708C82 #628378 #53796D #457062 #376758

#8D9F98 - #376758

HSV Blend

#8D9F98 - #376758 | 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 #8D9F98 as 0% and #376758 as 100%.

0.0%	0.0% #8D9F98	RGB 141 159 152	#8D9F98
16.7%	16.7% #7B958B	RGB 123 149 139	#7B958B
33.3%	33.3% #6B8C80	RGB 107 140 128	#6B8C80
50.0%	50.0% #5D8375	RGB 93 131 117	#5D8375
66.7%	66.7% #4F796B	RGB 79 121 107	#4F796B
83.3%	83.3% #427061	RGB 66 112 97	#427061
100.0%	100.0% #376758	RGB 55 103 88	#376758

#8D9F98 #7B958B #6B8C80 #5D8375 #4F796B #427061 #376758

#8D9F98 - #5D8375 - #376758

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D9F98 0%, #5D8375 50%, #376758 100%);
    background: -webkit-linear-gradient(top, #8D9F98 0%, #5D8375 50%, #376758 100%);
    background: linear-gradient(to bottom, #8D9F98 0%, #5D8375 50%, #376758 100%);
}
</style>