#3D4B5E - #96908A | 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 #3D4B5E to #96908A

#3D4B5E #96908A

Calculate the color between two colors, #3D4B5E and #96908A. 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)

#3D4B5E - #96908A | 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 #3D4B5E as 0% and #96908A as 100%.

0.0%	0.0% #3D4B5E	RGB 61 75 94	#3D4B5E
16.7%	16.7% #4B5665	RGB 75 86 101	#4B5665
33.3%	33.3% #5A626C	RGB 90 98 108	#5A626C
50.0%	50.0% #696D74	RGB 105 109 116	#696D74
66.7%	66.7% #78797B	RGB 120 121 123	#78797B
83.3%	83.3% #878482	RGB 135 132 130	#878482
100.0%	100.0% #96908A	RGB 150 144 138	#96908A

#3D4B5E #4B5665 #5A626C #696D74 #78797B #878482 #96908A

#3D4B5E - #96908A

HSV Blend

#3D4B5E - #96908A | 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 #3D4B5E as 0% and #96908A as 100%.

0.0%	0.0% #3D4B5E	RGB 61 75 94	#3D4B5E
16.7%	16.7% #494767	RGB 73 71 103	#494767
33.3%	33.3% #635370	RGB 99 83 112	#635370
50.0%	50.0% #7A5F79	RGB 122 95 121	#7A5F79
66.7%	66.7% #836C77	RGB 131 108 119	#836C77
83.3%	83.3% #8C7B7B	RGB 140 123 123	#8C7B7B
100.0%	100.0% #96908A	RGB 150 144 138	#96908A

#3D4B5E #494767 #635370 #7A5F79 #836C77 #8C7B7B #96908A

#3D4B5E - #7A5F79 - #96908A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D4B5E 0%, #7A5F79 50%, #96908A 100%);
    background: -webkit-linear-gradient(top, #3D4B5E 0%, #7A5F79 50%, #96908A 100%);
    background: linear-gradient(to bottom, #3D4B5E 0%, #7A5F79 50%, #96908A 100%);
}
</style>