#000003 - #B6B6B7 | 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 #000003 to #B6B6B7

#000003 #B6B6B7

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

#000003 - #B6B6B7 | 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 #000003 as 0% and #B6B6B7 as 100%.

0.0%	0.0% #000003	RGB 0 0 3	#000003
16.7%	16.7% #1E1E21	RGB 30 30 33	#1E1E21
33.3%	33.3% #3C3C3F	RGB 60 60 63	#3C3C3F
50.0%	50.0% #5B5B5D	RGB 91 91 93	#5B5B5D
66.7%	66.7% #79797B	RGB 121 121 123	#79797B
83.3%	83.3% #979799	RGB 151 151 153	#979799
100.0%	100.0% #B6B6B7	RGB 182 182 183	#B6B6B7

#000003 #1E1E21 #3C3C3F #5B5B5D #79797B #979799 #B6B6B7

#000003 - #B6B6B7

HSV Blend

#000003 - #B6B6B7 | 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 #000003 as 0% and #B6B6B7 as 100%.

0.0%	0.0% #000003	RGB 0 0 3	#000003
16.7%	16.7% #050521	RGB 5 5 33	#050521
33.3%	33.3% #14143F	RGB 20 20 63	#14143F
50.0%	50.0% #2E2E5D	RGB 46 46 93	#2E2E5D
66.7%	66.7% #51517B	RGB 81 81 123	#51517B
83.3%	83.3% #7E7E99	RGB 126 126 153	#7E7E99
100.0%	100.0% #B6B6B7	RGB 182 182 183	#B6B6B7

#000003 #050521 #14143F #2E2E5D #51517B #7E7E99 #B6B6B7

#000003 - #2E2E5D - #B6B6B7

CSS codes

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

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