#161B2D - #BCBDC3 | 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 #161B2D to #BCBDC3

#161B2D #BCBDC3

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

#161B2D - #BCBDC3 | 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 #161B2D as 0% and #BCBDC3 as 100%.

0.0%	0.0% #161B2D	RGB 22 27 45	#161B2D
16.7%	16.7% #313646	RGB 49 54 70	#313646
33.3%	33.3% #4D515F	RGB 77 81 95	#4D515F
50.0%	50.0% #696C78	RGB 105 108 120	#696C78
66.7%	66.7% #848791	RGB 132 135 145	#848791
83.3%	83.3% #A0A2AA	RGB 160 162 170	#A0A2AA
100.0%	100.0% #BCBDC3	RGB 188 189 195	#BCBDC3

#161B2D #313646 #4D515F #696C78 #848791 #A0A2AA #BCBDC3

#161B2D - #BCBDC3

HSV Blend

#161B2D - #BCBDC3 | 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 #161B2D as 0% and #BCBDC3 as 100%.

0.0%	0.0% #161B2D	RGB 22 27 45	#161B2D
16.7%	16.7% #272D46	RGB 39 45 70	#272D46
33.3%	33.3% #3D435F	RGB 61 67 95	#3D435F
50.0%	50.0% #575D78	RGB 87 93 120	#575D78
66.7%	66.7% #747991	RGB 116 121 145	#747991
83.3%	83.3% #9699AA	RGB 150 153 170	#9699AA
100.0%	100.0% #BCBDC3	RGB 188 189 195	#BCBDC3

#161B2D #272D46 #3D435F #575D78 #747991 #9699AA #BCBDC3

#161B2D - #575D78 - #BCBDC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #161B2D 0%, #575D78 50%, #BCBDC3 100%);
    background: -webkit-linear-gradient(top, #161B2D 0%, #575D78 50%, #BCBDC3 100%);
    background: linear-gradient(to bottom, #161B2D 0%, #575D78 50%, #BCBDC3 100%);
}
</style>