#8C8C8F - #334947 | 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 #8C8C8F to #334947

#8C8C8F #334947

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

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

0.0%	0.0% #8C8C8F	RGB 140 140 143	#8C8C8F
16.7%	16.7% #7D8083	RGB 125 128 131	#7D8083
33.3%	33.3% #6E7577	RGB 110 117 119	#6E7577
50.0%	50.0% #5F6A6B	RGB 95 106 107	#5F6A6B
66.7%	66.7% #505F5F	RGB 80 95 95	#505F5F
83.3%	83.3% #415453	RGB 65 84 83	#415453
100.0%	100.0% #334947	RGB 51 73 71	#334947

#8C8C8F #7D8083 #6E7577 #5F6A6B #505F5F #415453 #334947

#8C8C8F - #334947

HSV Blend

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

0.0%	0.0% #8C8C8F	RGB 140 140 143	#8C8C8F
16.7%	16.7% #7A7C83	RGB 122 124 131	#7A7C83
33.3%	33.3% #696E77	RGB 105 110 119	#696E77
50.0%	50.0% #5A646C	RGB 90 100 108	#5A646C
66.7%	66.7% #4C5A60	RGB 76 90 96	#4C5A60
83.3%	83.3% #3F5254	RGB 63 82 84	#3F5254
100.0%	100.0% #334947	RGB 51 73 71	#334947

#8C8C8F #7A7C83 #696E77 #5A646C #4C5A60 #3F5254 #334947

#8C8C8F - #5A646C - #334947

CSS codes

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

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