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

#010106 #B6B6B7

Calculate the color between two colors, #010106 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)

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

0.0%	0.0% #010106	RGB 1 1 6	#010106
16.7%	16.7% #1F1F23	RGB 31 31 35	#1F1F23
33.3%	33.3% #3D3D41	RGB 61 61 65	#3D3D41
50.0%	50.0% #5B5B5E	RGB 91 91 94	#5B5B5E
66.7%	66.7% #79797C	RGB 121 121 124	#79797C
83.3%	83.3% #979799	RGB 151 151 153	#979799
100.0%	100.0% #B6B6B7	RGB 182 182 183	#B6B6B7

#010106 #1F1F23 #3D3D41 #5B5B5E #79797C #979799 #B6B6B7

#010106 - #B6B6B7

HSV Blend

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

0.0%	0.0% #010106	RGB 1 1 6	#010106
16.7%	16.7% #0A0A23	RGB 10 10 35	#0A0A23
33.3%	33.3% #1C1C41	RGB 28 28 65	#1C1C41
50.0%	50.0% #36365E	RGB 54 54 94	#36365E
66.7%	66.7% #59597C	RGB 89 89 124	#59597C
83.3%	83.3% #838399	RGB 131 131 153	#838399
100.0%	100.0% #B6B6B7	RGB 182 182 183	#B6B6B7

#010106 #0A0A23 #1C1C41 #36365E #59597C #838399 #B6B6B7

#010106 - #36365E - #B6B6B7

CSS codes

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

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