#161A24 - #BCBCC0 | 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 #161A24 to #BCBCC0

#161A24 #BCBCC0

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

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

0.0%	0.0% #161A24	RGB 22 26 36	#161A24
16.7%	16.7% #31353E	RGB 49 53 62	#31353E
33.3%	33.3% #4D5058	RGB 77 80 88	#4D5058
50.0%	50.0% #696B72	RGB 105 107 114	#696B72
66.7%	66.7% #84868C	RGB 132 134 140	#84868C
83.3%	83.3% #A0A1A6	RGB 160 161 166	#A0A1A6
100.0%	100.0% #BCBCC0	RGB 188 188 192	#BCBCC0

#161A24 #31353E #4D5058 #696B72 #84868C #A0A1A6 #BCBCC0

#161A24 - #BCBCC0

HSV Blend

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

0.0%	0.0% #161A24	RGB 22 26 36	#161A24
16.7%	16.7% #292E3E	RGB 41 46 62	#292E3E
33.3%	33.3% #404558	RGB 64 69 88	#404558
50.0%	50.0% #5A5D72	RGB 90 93 114	#5A5D72
66.7%	66.7% #77798C	RGB 119 121 140	#77798C
83.3%	83.3% #9899A6	RGB 152 153 166	#9899A6
100.0%	100.0% #BCBCC0	RGB 188 188 192	#BCBCC0

#161A24 #292E3E #404558 #5A5D72 #77798C #9899A6 #BCBCC0

#161A24 - #5A5D72 - #BCBCC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #161A24 0%, #5A5D72 50%, #BCBCC0 100%);
    background: -webkit-linear-gradient(top, #161A24 0%, #5A5D72 50%, #BCBCC0 100%);
    background: linear-gradient(to bottom, #161A24 0%, #5A5D72 50%, #BCBCC0 100%);
}
</style>