#090B24 - #B8B9C0 | 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 #090B24 to #B8B9C0

#090B24 #B8B9C0

Calculate the color between two colors, #090B24 and #B8B9C0. 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)

#090B24 - #B8B9C0 | 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 #090B24 as 0% and #B8B9C0 as 100%.

0.0%	0.0% #090B24	RGB 9 11 36	#090B24
16.7%	16.7% #26283E	RGB 38 40 62	#26283E
33.3%	33.3% #434558	RGB 67 69 88	#434558
50.0%	50.0% #606272	RGB 96 98 114	#606272
66.7%	66.7% #7D7F8C	RGB 125 127 140	#7D7F8C
83.3%	83.3% #9A9CA6	RGB 154 156 166	#9A9CA6
100.0%	100.0% #B8B9C0	RGB 184 185 192	#B8B9C0

#090B24 #26283E #434558 #606272 #7D7F8C #9A9CA6 #B8B9C0

#090B24 - #B8B9C0

HSV Blend

#090B24 - #B8B9C0 | 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 #090B24 as 0% and #B8B9C0 as 100%.

0.0%	0.0% #090A24	RGB 9 10 36	#090A24
16.7%	16.7% #161A3E	RGB 22 26 62	#161A3E
33.3%	33.3% #2A2E58	RGB 42 46 88	#2A2E58
50.0%	50.0% #444972	RGB 68 73 114	#444972
66.7%	66.7% #65698C	RGB 101 105 140	#65698C
83.3%	83.3% #8B8EA6	RGB 139 142 166	#8B8EA6
100.0%	100.0% #B8B9C0	RGB 184 185 192	#B8B9C0

#090A24 #161A3E #2A2E58 #444972 #65698C #8B8EA6 #B8B9C0

#090B24 - #444972 - #B8B9C0

CSS codes

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

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