#8F8F91 - #354B49 | 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 #8F8F91 to #354B49

#8F8F91 #354B49

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

#8F8F91 - #354B49 | 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 #8F8F91 as 0% and #354B49 as 100%.

0.0%	0.0% #8F8F91	RGB 143 143 145	#8F8F91
16.7%	16.7% #808385	RGB 128 131 133	#808385
33.3%	33.3% #717879	RGB 113 120 121	#717879
50.0%	50.0% #626D6D	RGB 98 109 109	#626D6D
66.7%	66.7% #536161	RGB 83 97 97	#536161
83.3%	83.3% #445655	RGB 68 86 85	#445655
100.0%	100.0% #354B49	RGB 53 75 73	#354B49

#8F8F91 #808385 #717879 #626D6D #536161 #445655 #354B49

#8F8F91 - #354B49

HSV Blend

#8F8F91 - #354B49 | 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 #8F8F91 as 0% and #354B49 as 100%.

0.0%	0.0% #8F8F91	RGB 143 143 145	#8F8F91
16.7%	16.7% #7D7E85	RGB 125 126 133	#7D7E85
33.3%	33.3% #6C7179	RGB 108 113 121	#6C7179
50.0%	50.0% #5D666E	RGB 93 102 110	#5D666E
66.7%	66.7% #4E5C62	RGB 78 92 98	#4E5C62
83.3%	83.3% #415456	RGB 65 84 86	#415456
100.0%	100.0% #354B49	RGB 53 75 73	#354B49

#8F8F91 #7D7E85 #6C7179 #5D666E #4E5C62 #415456 #354B49

#8F8F91 - #5D666E - #354B49

CSS codes

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

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