#89898C - #31473D | 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 #31473D

#89898C #31473D

Calculate the color between two colors, #89898C and #31473D. 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 - #31473D | 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 #31473D as 100%.

0.0%	0.0% #89898C	RGB 137 137 140	#89898C
16.7%	16.7% #7A7E7E	RGB 122 126 126	#7A7E7E
33.3%	33.3% #6B7371	RGB 107 115 113	#6B7371
50.0%	50.0% #5D6864	RGB 93 104 100	#5D6864
66.7%	66.7% #4E5D57	RGB 78 93 87	#4E5D57
83.3%	83.3% #3F524A	RGB 63 82 74	#3F524A
100.0%	100.0% #31473D	RGB 49 71 61	#31473D

#89898C #7A7E7E #6B7371 #5D6864 #4E5D57 #3F524A #31473D

#89898C - #31473D

HSV Blend

#89898C - #31473D | 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 #31473D 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% #676D75	RGB 103 109 117	#676D75
50.0%	50.0% #586469	RGB 88 100 105	#586469
66.7%	66.7% #495D5E	RGB 73 93 94	#495D5E
83.3%	83.3% #3C524D	RGB 60 82 77	#3C524D
100.0%	100.0% #31473D	RGB 49 71 61	#31473D

#89898C #777980 #676D75 #586469 #495D5E #3C524D #31473D

#89898C - #586469 - #31473D

CSS codes

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

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