#111124 - #BBBBC0 | 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 #111124 to #BBBBC0

#111124 #BBBBC0

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

#111124 - #BBBBC0 | 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 #111124 as 0% and #BBBBC0 as 100%.

0.0%	0.0% #111124	RGB 17 17 36	#111124
16.7%	16.7% #2D2D3E	RGB 45 45 62	#2D2D3E
33.3%	33.3% #494958	RGB 73 73 88	#494958
50.0%	50.0% #666672	RGB 102 102 114	#666672
66.7%	66.7% #82828C	RGB 130 130 140	#82828C
83.3%	83.3% #9E9EA6	RGB 158 158 166	#9E9EA6
100.0%	100.0% #BBBBC0	RGB 187 187 192	#BBBBC0

#111124 #2D2D3E #494958 #666672 #82828C #9E9EA6 #BBBBC0

#111124 - #BBBBC0

HSV Blend

#111124 - #BBBBC0 | 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 #111124 as 0% and #BBBBC0 as 100%.

0.0%	0.0% #111124	RGB 17 17 36	#111124
16.7%	16.7% #22223E	RGB 34 34 62	#22223E
33.3%	33.3% #383858	RGB 56 56 88	#383858
50.0%	50.0% #525272	RGB 82 82 114	#525272
66.7%	66.7% #70708C	RGB 112 112 140	#70708C
83.3%	83.3% #9393A6	RGB 147 147 166	#9393A6
100.0%	100.0% #BBBBC0	RGB 187 187 192	#BBBBC0

#111124 #22223E #383858 #525272 #70708C #9393A6 #BBBBC0

#111124 - #525272 - #BBBBC0

CSS codes

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

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