#8C8C8D - #334945 | 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 #8C8C8D to #334945

#8C8C8D #334945

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

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

0.0%	0.0% #8C8C8D	RGB 140 140 141	#8C8C8D
16.7%	16.7% #7D8081	RGB 125 128 129	#7D8081
33.3%	33.3% #6E7575	RGB 110 117 117	#6E7575
50.0%	50.0% #5F6A69	RGB 95 106 105	#5F6A69
66.7%	66.7% #505F5D	RGB 80 95 93	#505F5D
83.3%	83.3% #415451	RGB 65 84 81	#415451
100.0%	100.0% #334945	RGB 51 73 69	#334945

#8C8C8D #7D8081 #6E7575 #5F6A69 #505F5D #415451 #334945

#8C8C8D - #334945

HSV Blend

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

0.0%	0.0% #8C8C8D	RGB 140 140 141	#8C8C8D
16.7%	16.7% #7A7B81	RGB 122 123 129	#7A7B81
33.3%	33.3% #696E76	RGB 105 110 118	#696E76
50.0%	50.0% #5A646B	RGB 90 100 107	#5A646B
66.7%	66.7% #4C5B5F	RGB 76 91 95	#4C5B5F
83.3%	83.3% #3F5454	RGB 63 84 84	#3F5454
100.0%	100.0% #334945	RGB 51 73 69	#334945

#8C8C8D #7A7B81 #696E76 #5A646B #4C5B5F #3F5454 #334945

#8C8C8D - #5A646B - #334945

CSS codes

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

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