#264D5E - #899995 | 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 #264D5E to #899995

#264D5E #899995

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

#264D5E - #899995 | 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 #264D5E as 0% and #899995 as 100%.

0.0%	0.0% #264D5E	RGB 38 77 94	#264D5E
16.7%	16.7% #365967	RGB 54 89 103	#365967
33.3%	33.3% #476670	RGB 71 102 112	#476670
50.0%	50.0% #577379	RGB 87 115 121	#577379
66.7%	66.7% #687F82	RGB 104 127 130	#687F82
83.3%	83.3% #788C8B	RGB 120 140 139	#788C8B
100.0%	100.0% #899995	RGB 137 153 149	#899995

#264D5E #365967 #476670 #577379 #687F82 #788C8B #899995

#264D5E - #899995

HSV Blend

#264D5E - #899995 | 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 #264D5E as 0% and #899995 as 100%.

0.0%	0.0% #264D5E	RGB 38 77 94	#264D5E
16.7%	16.7% #325C67	RGB 50 92 103	#325C67
33.3%	33.3% #406B71	RGB 64 107 113	#406B71
50.0%	50.0% #507A7B	RGB 80 122 123	#507A7B
66.7%	66.7% #618582	RGB 97 133 130	#618582
83.3%	83.3% #748F8A	RGB 116 143 138	#748F8A
100.0%	100.0% #899995	RGB 137 153 149	#899995

#264D5E #325C67 #406B71 #507A7B #618582 #748F8A #899995

#264D5E - #507A7B - #899995

CSS codes

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

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