#374E5E - #96958E | 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 #374E5E to #96958E

#374E5E #96958E

Calculate the color between two colors, #374E5E and #96958E. 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)

#374E5E - #96958E | 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 #374E5E as 0% and #96958E as 100%.

0.0%	0.0% #374E5E	RGB 55 78 94	#374E5E
16.7%	16.7% #465966	RGB 70 89 102	#465966
33.3%	33.3% #56656E	RGB 86 101 110	#56656E
50.0%	50.0% #667176	RGB 102 113 118	#667176
66.7%	66.7% #767D7E	RGB 118 125 126	#767D7E
83.3%	83.3% #868986	RGB 134 137 134	#868986
100.0%	100.0% #96958E	RGB 150 149 142	#96958E

#374E5E #465966 #56656E #667176 #767D7E #868986 #96958E

#374E5E - #96958E

HSV Blend

#374E5E - #96958E | 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 #374E5E as 0% and #96958E as 100%.

0.0%	0.0% #374E5E	RGB 55 78 94	#374E5E
16.7%	16.7% #426766	RGB 66 103 102	#426766
33.3%	33.3% #4F7062	RGB 79 112 98	#4F7062
50.0%	50.0% #5D7A61	RGB 93 122 97	#5D7A61
66.7%	66.7% #72836C	RGB 114 131 108	#72836C
83.3%	83.3% #878C7C	RGB 135 140 124	#878C7C
100.0%	100.0% #96958E	RGB 150 149 142	#96958E

#374E5E #426766 #4F7062 #5D7A61 #72836C #878C7C #96958E

#374E5E - #5D7A61 - #96958E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #374E5E 0%, #5D7A61 50%, #96958E 100%);
    background: -webkit-linear-gradient(top, #374E5E 0%, #5D7A61 50%, #96958E 100%);
    background: linear-gradient(to bottom, #374E5E 0%, #5D7A61 50%, #96958E 100%);
}
</style>