#161814 - #BCBDBB | 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 #161814 to #BCBDBB

#161814 #BCBDBB

Calculate the color between two colors, #161814 and #BCBDBB. 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)

#161814 - #BCBDBB | 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 #161814 as 0% and #BCBDBB as 100%.

0.0%	0.0% #161814	RGB 22 24 20	#161814
16.7%	16.7% #31332F	RGB 49 51 47	#31332F
33.3%	33.3% #4D4F4B	RGB 77 79 75	#4D4F4B
50.0%	50.0% #696A67	RGB 105 106 103	#696A67
66.7%	66.7% #848683	RGB 132 134 131	#848683
83.3%	83.3% #A0A19F	RGB 160 161 159	#A0A19F
100.0%	100.0% #BCBDBB	RGB 188 189 187	#BCBDBB

#161814 #31332F #4D4F4B #696A67 #848683 #A0A19F #BCBDBB

#161814 - #BCBDBB

HSV Blend

#161814 - #BCBDBB | 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 #161814 as 0% and #BCBDBB as 100%.

0.0%	0.0% #161814	RGB 22 24 20	#161814
16.7%	16.7% #2F332C	RGB 47 51 44	#2F332C
33.3%	33.3% #4A4F45	RGB 74 79 69	#4A4F45
50.0%	50.0% #656A61	RGB 101 106 97	#656A61
66.7%	66.7% #81867D	RGB 129 134 125	#81867D
83.3%	83.3% #9EA19B	RGB 158 161 155	#9EA19B
100.0%	100.0% #BCBDBB	RGB 188 189 187	#BCBDBB

#161814 #2F332C #4A4F45 #656A61 #81867D #9EA19B #BCBDBB

#161814 - #656A61 - #BCBDBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #161814 0%, #656A61 50%, #BCBDBB 100%);
    background: -webkit-linear-gradient(top, #161814 0%, #656A61 50%, #BCBDBB 100%);
    background: linear-gradient(to bottom, #161814 0%, #656A61 50%, #BCBDBB 100%);
}
</style>