#080B3E - #B8B9C7 | 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 #080B3E to #B8B9C7

#080B3E #B8B9C7

Calculate the color between two colors, #080B3E and #B8B9C7. 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)

#080B3E - #B8B9C7 | 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 #080B3E as 0% and #B8B9C7 as 100%.

0.0%	0.0% #080B3E	RGB 8 11 62	#080B3E
16.7%	16.7% #252854	RGB 37 40 84	#252854
33.3%	33.3% #42456B	RGB 66 69 107	#42456B
50.0%	50.0% #606282	RGB 96 98 130	#606282
66.7%	66.7% #7D7F99	RGB 125 127 153	#7D7F99
83.3%	83.3% #9A9CB0	RGB 154 156 176	#9A9CB0
100.0%	100.0% #B8B9C7	RGB 184 185 199	#B8B9C7

#080B3E #252854 #42456B #606282 #7D7F99 #9A9CB0 #B8B9C7

#080B3E - #B8B9C7

HSV Blend

#080B3E - #B8B9C7 | 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 #080B3E as 0% and #B8B9C7 as 100%.

0.0%	0.0% #080B3E	RGB 8 11 62	#080B3E
16.7%	16.7% #161954	RGB 22 25 84	#161954
33.3%	33.3% #2A2E6B	RGB 42 46 107	#2A2E6B
50.0%	50.0% #444882	RGB 68 72 130	#444882
66.7%	66.7% #656899	RGB 101 104 153	#656899
83.3%	83.3% #8B8DB0	RGB 139 141 176	#8B8DB0
100.0%	100.0% #B8B9C7	RGB 184 185 199	#B8B9C7

#080B3E #161954 #2A2E6B #444882 #656899 #8B8DB0 #B8B9C7

#080B3E - #444882 - #B8B9C7

CSS codes

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

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