#264E5E - #8A9A95 | 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 #264E5E to #8A9A95

#264E5E #8A9A95

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

#264E5E - #8A9A95 | 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 #264E5E as 0% and #8A9A95 as 100%.

0.0%	0.0% #264E5E	RGB 38 78 94	#264E5E
16.7%	16.7% #365A67	RGB 54 90 103	#365A67
33.3%	33.3% #476770	RGB 71 103 112	#476770
50.0%	50.0% #587479	RGB 88 116 121	#587479
66.7%	66.7% #688082	RGB 104 128 130	#688082
83.3%	83.3% #798D8B	RGB 121 141 139	#798D8B
100.0%	100.0% #8A9A95	RGB 138 154 149	#8A9A95

#264E5E #365A67 #476770 #587479 #688082 #798D8B #8A9A95

#264E5E - #8A9A95

HSV Blend

#264E5E - #8A9A95 | 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 #264E5E as 0% and #8A9A95 as 100%.

0.0%	0.0% #264E5E	RGB 38 78 94	#264E5E
16.7%	16.7% #325E68	RGB 50 94 104	#325E68
33.3%	33.3% #406D72	RGB 64 109 114	#406D72
50.0%	50.0% #507C7B	RGB 80 124 123	#507C7B
66.7%	66.7% #628681	RGB 98 134 129	#628681
83.3%	83.3% #75908A	RGB 117 144 138	#75908A
100.0%	100.0% #8A9A95	RGB 138 154 149	#8A9A95

#264E5E #325E68 #406D72 #507C7B #628681 #75908A #8A9A95

#264E5E - #507C7B - #8A9A95

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #264E5E 0%, #507C7B 50%, #8A9A95 100%);
    background: -webkit-linear-gradient(top, #264E5E 0%, #507C7B 50%, #8A9A95 100%);
    background: linear-gradient(to bottom, #264E5E 0%, #507C7B 50%, #8A9A95 100%);
}
</style>