#89898C - #314744 | 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 #89898C to #314744

#89898C #314744

Calculate the color between two colors, #89898C and #314744. 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)

#89898C - #314744 | 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 #89898C as 0% and #314744 as 100%.

0.0%	0.0% #89898C	RGB 137 137 140	#89898C
16.7%	16.7% #7A7E80	RGB 122 126 128	#7A7E80
33.3%	33.3% #6B7374	RGB 107 115 116	#6B7374
50.0%	50.0% #5D6868	RGB 93 104 104	#5D6868
66.7%	66.7% #4E5D5C	RGB 78 93 92	#4E5D5C
83.3%	83.3% #3F5250	RGB 63 82 80	#3F5250
100.0%	100.0% #314744	RGB 49 71 68	#314744

#89898C #7A7E80 #6B7374 #5D6868 #4E5D5C #3F5250 #314744

#89898C - #314744

HSV Blend

#89898C - #314744 | 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 #89898C as 0% and #314744 as 100%.

0.0%	0.0% #89898C	RGB 137 137 140	#89898C
16.7%	16.7% #777980	RGB 119 121 128	#777980
33.3%	33.3% #676C75	RGB 103 108 117	#676C75
50.0%	50.0% #586169	RGB 88 97 105	#586169
66.7%	66.7% #49595E	RGB 73 89 94	#49595E
83.3%	83.3% #3C5152	RGB 60 81 82	#3C5152
100.0%	100.0% #314744	RGB 49 71 68	#314744

#89898C #777980 #676C75 #586169 #49595E #3C5152 #314744

#89898C - #586169 - #314744

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #89898C 0%, #586169 50%, #314744 100%);
    background: -webkit-linear-gradient(top, #89898C 0%, #586169 50%, #314744 100%);
    background: linear-gradient(to bottom, #89898C 0%, #586169 50%, #314744 100%);
}
</style>