#111724 - #BBBCC0 | 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 #111724 to #BBBCC0

#111724 #BBBCC0

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

#111724 - #BBBCC0 | 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 #111724 as 0% and #BBBCC0 as 100%.

0.0%	0.0% #111724	RGB 17 23 36	#111724
16.7%	16.7% #2D323E	RGB 45 50 62	#2D323E
33.3%	33.3% #494E58	RGB 73 78 88	#494E58
50.0%	50.0% #666972	RGB 102 105 114	#666972
66.7%	66.7% #82858C	RGB 130 133 140	#82858C
83.3%	83.3% #9EA0A6	RGB 158 160 166	#9EA0A6
100.0%	100.0% #BBBCC0	RGB 187 188 192	#BBBCC0

#111724 #2D323E #494E58 #666972 #82858C #9EA0A6 #BBBCC0

#111724 - #BBBCC0

HSV Blend

#111724 - #BBBCC0 | 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 #111724 as 0% and #BBBCC0 as 100%.

0.0%	0.0% #111724	RGB 17 23 36	#111724
16.7%	16.7% #222A3E	RGB 34 42 62	#222A3E
33.3%	33.3% #384158	RGB 56 65 88	#384158
50.0%	50.0% #525A72	RGB 82 90 114	#525A72
66.7%	66.7% #70778C	RGB 112 119 140	#70778C
83.3%	83.3% #9397A6	RGB 147 151 166	#9397A6
100.0%	100.0% #BBBCC0	RGB 187 188 192	#BBBCC0

#111724 #222A3E #384158 #525A72 #70778C #9397A6 #BBBCC0

#111724 - #525A72 - #BBBCC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #111724 0%, #525A72 50%, #BBBCC0 100%);
    background: -webkit-linear-gradient(top, #111724 0%, #525A72 50%, #BBBCC0 100%);
    background: linear-gradient(to bottom, #111724 0%, #525A72 50%, #BBBCC0 100%);
}
</style>