#89A0AF - #3E5167 | 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 #89A0AF to #3E5167

#89A0AF #3E5167

Calculate the color between two colors, #89A0AF and #3E5167. 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)

#89A0AF - #3E5167 | 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 #89A0AF as 0% and #3E5167 as 100%.

0.0%	0.0% #89A0AF	RGB 137 160 175	#89A0AF
16.7%	16.7% #7C92A3	RGB 124 146 163	#7C92A3
33.3%	33.3% #708597	RGB 112 133 151	#708597
50.0%	50.0% #63788B	RGB 99 120 139	#63788B
66.7%	66.7% #576B7F	RGB 87 107 127	#576B7F
83.3%	83.3% #4A5E73	RGB 74 94 115	#4A5E73
100.0%	100.0% #3E5167	RGB 62 81 103	#3E5167

#89A0AF #7C92A3 #708597 #63788B #576B7F #4A5E73 #3E5167

#89A0AF - #3E5167

HSV Blend

#89A0AF - #3E5167 | 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 #89A0AF as 0% and #3E5167 as 100%.

0.0%	0.0% #89A0AF	RGB 137 160 175	#89A0AF
16.7%	16.7% #7A92A3	RGB 122 146 163	#7A92A3
33.3%	33.3% #6D8497	RGB 109 132 151	#6D8497
50.0%	50.0% #60778B	RGB 96 119 139	#60778B
66.7%	66.7% #546A7F	RGB 84 106 127	#546A7F
83.3%	83.3% #485D73	RGB 72 93 115	#485D73
100.0%	100.0% #3E5167	RGB 62 81 103	#3E5167

#89A0AF #7A92A3 #6D8497 #60778B #546A7F #485D73 #3E5167

#89A0AF - #60778B - #3E5167

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #89A0AF 0%, #60778B 50%, #3E5167 100%);
    background: -webkit-linear-gradient(top, #89A0AF 0%, #60778B 50%, #3E5167 100%);
    background: linear-gradient(to bottom, #89A0AF 0%, #60778B 50%, #3E5167 100%);
}
</style>