#001623 - #B6BCC0 | 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 #001623 to #B6BCC0

#001623 #B6BCC0

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

#001623 - #B6BCC0 | 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 #001623 as 0% and #B6BCC0 as 100%.

0.0%	0.0% #001623	RGB 0 22 35	#001623
16.7%	16.7% #1E313D	RGB 30 49 61	#1E313D
33.3%	33.3% #3C4D57	RGB 60 77 87	#3C4D57
50.0%	50.0% #5B6971	RGB 91 105 113	#5B6971
66.7%	66.7% #79848B	RGB 121 132 139	#79848B
83.3%	83.3% #97A0A5	RGB 151 160 165	#97A0A5
100.0%	100.0% #B6BCC0	RGB 182 188 192	#B6BCC0

#001623 #1E313D #3C4D57 #5B6971 #79848B #97A0A5 #B6BCC0

#001623 - #B6BCC0

HSV Blend

#001623 - #B6BCC0 | 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 #001623 as 0% and #B6BCC0 as 100%.

0.0%	0.0% #001523	RGB 0 21 35	#001523
16.7%	16.7% #09293D	RGB 9 41 61	#09293D
33.3%	33.3% #1B4057	RGB 27 64 87	#1B4057
50.0%	50.0% #355A71	RGB 53 90 113	#355A71
66.7%	66.7% #58778B	RGB 88 119 139	#58778B
83.3%	83.3% #8298A5	RGB 130 152 165	#8298A5
100.0%	100.0% #B6BCC0	RGB 182 188 192	#B6BCC0

#001523 #09293D #1B4057 #355A71 #58778B #8298A5 #B6BCC0

#001623 - #355A71 - #B6BCC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001523 0%, #355A71 50%, #B6BCC0 100%);
    background: -webkit-linear-gradient(top, #001523 0%, #355A71 50%, #B6BCC0 100%);
    background: linear-gradient(to bottom, #001523 0%, #355A71 50%, #B6BCC0 100%);
}
</style>