#3D5E5A - #161C17 | 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 #3D5E5A to #161C17

#3D5E5A #161C17

Calculate the color between two colors, #3D5E5A and #161C17. 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)

#3D5E5A - #161C17 | 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 #3D5E5A as 0% and #161C17 as 100%.

0.0%	0.0% #3D5E5A	RGB 61 94 90	#3D5E5A
16.7%	16.7% #36534E	RGB 54 83 78	#36534E
33.3%	33.3% #304843	RGB 48 72 67	#304843
50.0%	50.0% #293D38	RGB 41 61 56	#293D38
66.7%	66.7% #23322D	RGB 35 50 45	#23322D
83.3%	83.3% #1C2722	RGB 28 39 34	#1C2722
100.0%	100.0% #161C17	RGB 22 28 23	#161C17

#3D5E5A #36534E #304843 #293D38 #23322D #1C2722 #161C17

#3D5E5A - #161C17

HSV Blend

#3D5E5A - #161C17 | 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 #3D5E5A as 0% and #161C17 as 100%.

0.0%	0.0% #3D5E5A	RGB 61 94 90	#3D5E5A
16.7%	16.7% #37534C	RGB 55 83 76	#37534C
33.3%	33.3% #324840	RGB 50 72 64	#324840
50.0%	50.0% #2B3D34	RGB 43 61 52	#2B3D34
66.7%	66.7% #25322A	RGB 37 50 42	#25322A
83.3%	83.3% #1D2720	RGB 29 39 32	#1D2720
100.0%	100.0% #161C17	RGB 22 28 23	#161C17

#3D5E5A #37534C #324840 #2B3D34 #25322A #1D2720 #161C17

#3D5E5A - #2B3D34 - #161C17

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5E5A 0%, #2B3D34 50%, #161C17 100%);
    background: -webkit-linear-gradient(top, #3D5E5A 0%, #2B3D34 50%, #161C17 100%);
    background: linear-gradient(to bottom, #3D5E5A 0%, #2B3D34 50%, #161C17 100%);
}
</style>