#161B2B - #BCBDC2 | 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 #161B2B to #BCBDC2

#161B2B #BCBDC2

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

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

0.0%	0.0% #161B2B	RGB 22 27 43	#161B2B
16.7%	16.7% #313644	RGB 49 54 68	#313644
33.3%	33.3% #4D515D	RGB 77 81 93	#4D515D
50.0%	50.0% #696C76	RGB 105 108 118	#696C76
66.7%	66.7% #84878F	RGB 132 135 143	#84878F
83.3%	83.3% #A0A2A8	RGB 160 162 168	#A0A2A8
100.0%	100.0% #BCBDC2	RGB 188 189 194	#BCBDC2

#161B2B #313644 #4D515D #696C76 #84878F #A0A2A8 #BCBDC2

#161B2B - #BCBDC2

HSV Blend

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

0.0%	0.0% #161B2B	RGB 22 27 43	#161B2B
16.7%	16.7% #282E44	RGB 40 46 68	#282E44
33.3%	33.3% #3D445D	RGB 61 68 93	#3D445D
50.0%	50.0% #575D76	RGB 87 93 118	#575D76
66.7%	66.7% #757A8F	RGB 117 122 143	#757A8F
83.3%	83.3% #9699A8	RGB 150 153 168	#9699A8
100.0%	100.0% #BCBDC2	RGB 188 189 194	#BCBDC2

#161B2B #282E44 #3D445D #575D76 #757A8F #9699A8 #BCBDC2

#161B2B - #575D76 - #BCBDC2

CSS codes

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

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