#374B5E - #93918D | 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 #374B5E to #93918D

#374B5E #93918D

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

#374B5E - #93918D | 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 #374B5E as 0% and #93918D as 100%.

0.0%	0.0% #374B5E	RGB 55 75 94	#374B5E
16.7%	16.7% #465665	RGB 70 86 101	#465665
33.3%	33.3% #55626D	RGB 85 98 109	#55626D
50.0%	50.0% #656E75	RGB 101 110 117	#656E75
66.7%	66.7% #74797D	RGB 116 121 125	#74797D
83.3%	83.3% #838585	RGB 131 133 133	#838585
100.0%	100.0% #93918D	RGB 147 145 141	#93918D

#374B5E #465665 #55626D #656E75 #74797D #838585 #93918D

#374B5E - #93918D

HSV Blend

#374B5E - #93918D | 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 #374B5E as 0% and #93918D as 100%.

0.0%	0.0% #374A5E	RGB 55 74 94	#374A5E
16.7%	16.7% #426666	RGB 66 102 102	#426666
33.3%	33.3% #4F6F60	RGB 79 111 96	#4F6F60
50.0%	50.0% #5D785F	RGB 93 120 95	#5D785F
66.7%	66.7% #74816B	RGB 116 129 107	#74816B
83.3%	83.3% #888A7B	RGB 136 138 123	#888A7B
100.0%	100.0% #93918D	RGB 147 145 141	#93918D

#374A5E #426666 #4F6F60 #5D785F #74816B #888A7B #93918D

#374B5E - #5D785F - #93918D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #374A5E 0%, #5D785F 50%, #93918D 100%);
    background: -webkit-linear-gradient(top, #374A5E 0%, #5D785F 50%, #93918D 100%);
    background: linear-gradient(to bottom, #374A5E 0%, #5D785F 50%, #93918D 100%);
}
</style>