#161724 - #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 #161724 to #BCBCC0

#161724 #BCBCC0

Calculate the color between two colors, #161724 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)

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

0.0%	0.0% #161724	RGB 22 23 36	#161724
16.7%	16.7% #31323E	RGB 49 50 62	#31323E
33.3%	33.3% #4D4E58	RGB 77 78 88	#4D4E58
50.0%	50.0% #696972	RGB 105 105 114	#696972
66.7%	66.7% #84858C	RGB 132 133 140	#84858C
83.3%	83.3% #A0A0A6	RGB 160 160 166	#A0A0A6
100.0%	100.0% #BCBCC0	RGB 188 188 192	#BCBCC0

#161724 #31323E #4D4E58 #696972 #84858C #A0A0A6 #BCBCC0

#161724 - #BCBCC0

HSV Blend

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

0.0%	0.0% #161724	RGB 22 23 36	#161724
16.7%	16.7% #292A3E	RGB 41 42 62	#292A3E
33.3%	33.3% #404158	RGB 64 65 88	#404158
50.0%	50.0% #5A5B72	RGB 90 91 114	#5A5B72
66.7%	66.7% #77788C	RGB 119 120 140	#77788C
83.3%	83.3% #9898A6	RGB 152 152 166	#9898A6
100.0%	100.0% #BCBCC0	RGB 188 188 192	#BCBCC0

#161724 #292A3E #404158 #5A5B72 #77788C #9898A6 #BCBCC0

#161724 - #5A5B72 - #BCBCC0

CSS codes

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

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