#8C8C8F - #334449 | 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 #334449

#8C8C8F #334449

Calculate the color between two colors, #8C8C8F and #334449. 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 - #334449 | 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 #334449 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% #6E7477	RGB 110 116 119	#6E7477
50.0%	50.0% #5F686C	RGB 95 104 108	#5F686C
66.7%	66.7% #505C60	RGB 80 92 96	#505C60
83.3%	83.3% #415054	RGB 65 80 84	#415054
100.0%	100.0% #334449	RGB 51 68 73	#334449

#8C8C8F #7D8083 #6E7477 #5F686C #505C60 #415054 #334449

#8C8C8F - #334449

HSV Blend

#8C8C8F - #334449 | 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 #334449 as 100%.

0.0%	0.0% #8C8C8F	RGB 140 140 143	#8C8C8F
16.7%	16.7% #7A7B83	RGB 122 123 131	#7A7B83
33.3%	33.3% #696D77	RGB 105 109 119	#696D77
50.0%	50.0% #5A616C	RGB 90 97 108	#5A616C
66.7%	66.7% #4C5660	RGB 76 86 96	#4C5660
83.3%	83.3% #3F4C54	RGB 63 76 84	#3F4C54
100.0%	100.0% #334449	RGB 51 68 73	#334449

#8C8C8F #7A7B83 #696D77 #5A616C #4C5660 #3F4C54 #334449

#8C8C8F - #5A616C - #334449

CSS codes

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

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