#262B5E - #899399 | 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 #262B5E to #899399

#262B5E #899399

Calculate the color between two colors, #262B5E and #899399. 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)

#262B5E - #899399 | 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 #262B5E as 0% and #899399 as 100%.

0.0%	0.0% #262B5E	RGB 38 43 94	#262B5E
16.7%	16.7% #363C67	RGB 54 60 103	#363C67
33.3%	33.3% #474D71	RGB 71 77 113	#474D71
50.0%	50.0% #575F7B	RGB 87 95 123	#575F7B
66.7%	66.7% #687085	RGB 104 112 133	#687085
83.3%	83.3% #78818F	RGB 120 129 143	#78818F
100.0%	100.0% #899399	RGB 137 147 153	#899399

#262B5E #363C67 #474D71 #575F7B #687085 #78818F #899399

#262B5E - #899399

HSV Blend

#262B5E - #899399 | 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 #262B5E as 0% and #899399 as 100%.

0.0%	0.0% #262A5E	RGB 38 42 94	#262A5E
16.7%	16.7% #323C67	RGB 50 60 103	#323C67
33.3%	33.3% #404D71	RGB 64 77 113	#404D71
50.0%	50.0% #505F7B	RGB 80 95 123	#505F7B
66.7%	66.7% #617185	RGB 97 113 133	#617185
83.3%	83.3% #74828F	RGB 116 130 143	#74828F
100.0%	100.0% #899399	RGB 137 147 153	#899399

#262A5E #323C67 #404D71 #505F7B #617185 #74828F #899399

#262B5E - #505F7B - #899399

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #262A5E 0%, #505F7B 50%, #899399 100%);
    background: -webkit-linear-gradient(top, #262A5E 0%, #505F7B 50%, #899399 100%);
    background: linear-gradient(to bottom, #262A5E 0%, #505F7B 50%, #899399 100%);
}
</style>