#3E5D85 - #899AAE | 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 #3E5D85 to #899AAE

#3E5D85 #899AAE

Calculate the color between two colors, #3E5D85 and #899AAE. 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)

#3E5D85 - #899AAE | 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 #3E5D85 as 0% and #899AAE as 100%.

0.0%	0.0% #3E5D85	RGB 62 93 133	#3E5D85
16.7%	16.7% #4A678B	RGB 74 103 139	#4A678B
33.3%	33.3% #577192	RGB 87 113 146	#577192
50.0%	50.0% #637B99	RGB 99 123 153	#637B99
66.7%	66.7% #7085A0	RGB 112 133 160	#7085A0
83.3%	83.3% #7C8FA7	RGB 124 143 167	#7C8FA7
100.0%	100.0% #899AAE	RGB 137 154 174	#899AAE

#3E5D85 #4A678B #577192 #637B99 #7085A0 #7C8FA7 #899AAE

#3E5D85 - #899AAE

HSV Blend

#3E5D85 - #899AAE | 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 #3E5D85 as 0% and #899AAE as 100%.

0.0%	0.0% #3E5C85	RGB 62 92 133	#3E5C85
16.7%	16.7% #48668B	RGB 72 102 139	#48668B
33.3%	33.3% #546F92	RGB 84 111 146	#546F92
50.0%	50.0% #607999	RGB 96 121 153	#607999
66.7%	66.7% #6D84A0	RGB 109 132 160	#6D84A0
83.3%	83.3% #7A8EA7	RGB 122 142 167	#7A8EA7
100.0%	100.0% #899AAE	RGB 137 154 174	#899AAE

#3E5C85 #48668B #546F92 #607999 #6D84A0 #7A8EA7 #899AAE

#3E5D85 - #607999 - #899AAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5C85 0%, #607999 50%, #899AAE 100%);
    background: -webkit-linear-gradient(top, #3E5C85 0%, #607999 50%, #899AAE 100%);
    background: linear-gradient(to bottom, #3E5C85 0%, #607999 50%, #899AAE 100%);
}
</style>