#080B2D - #B8B9C3 | 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 #080B2D to #B8B9C3

#080B2D #B8B9C3

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

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

0.0%	0.0% #080B2D	RGB 8 11 45	#080B2D
16.7%	16.7% #252846	RGB 37 40 70	#252846
33.3%	33.3% #42455F	RGB 66 69 95	#42455F
50.0%	50.0% #606278	RGB 96 98 120	#606278
66.7%	66.7% #7D7F91	RGB 125 127 145	#7D7F91
83.3%	83.3% #9A9CAA	RGB 154 156 170	#9A9CAA
100.0%	100.0% #B8B9C3	RGB 184 185 195	#B8B9C3

#080B2D #252846 #42455F #606278 #7D7F91 #9A9CAA #B8B9C3

#080B2D - #B8B9C3

HSV Blend

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

0.0%	0.0% #070A2D	RGB 7 10 45	#070A2D
16.7%	16.7% #151946	RGB 21 25 70	#151946
33.3%	33.3% #292D5F	RGB 41 45 95	#292D5F
50.0%	50.0% #434778	RGB 67 71 120	#434778
66.7%	66.7% #636791	RGB 99 103 145	#636791
83.3%	83.3% #8A8DAA	RGB 138 141 170	#8A8DAA
100.0%	100.0% #B8B9C3	RGB 184 185 195	#B8B9C3

#070A2D #151946 #292D5F #434778 #636791 #8A8DAA #B8B9C3

#080B2D - #434778 - #B8B9C3

CSS codes

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

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