#000208 - #B6B6B8 | 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 #000208 to #B6B6B8

#000208 #B6B6B8

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

#000208 - #B6B6B8 | 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 #000208 as 0% and #B6B6B8 as 100%.

0.0%	0.0% #000208	RGB 0 2 8	#000208
16.7%	16.7% #1E2025	RGB 30 32 37	#1E2025
33.3%	33.3% #3C3E42	RGB 60 62 66	#3C3E42
50.0%	50.0% #5B5C60	RGB 91 92 96	#5B5C60
66.7%	66.7% #797A7D	RGB 121 122 125	#797A7D
83.3%	83.3% #97989A	RGB 151 152 154	#97989A
100.0%	100.0% #B6B6B8	RGB 182 182 184	#B6B6B8

#000208 #1E2025 #3C3E42 #5B5C60 #797A7D #97989A #B6B6B8

#000208 - #B6B6B8

HSV Blend

#000208 - #B6B6B8 | 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 #000208 as 0% and #B6B6B8 as 100%.

0.0%	0.0% #000208	RGB 0 2 8	#000208
16.7%	16.7% #060C25	RGB 6 12 37	#060C25
33.3%	33.3% #151D42	RGB 21 29 66	#151D42
50.0%	50.0% #2F3560	RGB 47 53 96	#2F3560
66.7%	66.7% #52567D	RGB 82 86 125	#52567D
83.3%	83.3% #7F809A	RGB 127 128 154	#7F809A
100.0%	100.0% #B6B6B8	RGB 182 182 184	#B6B6B8

#000208 #060C25 #151D42 #2F3560 #52567D #7F809A #B6B6B8

#000208 - #2F3560 - #B6B6B8

CSS codes

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

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