#010900 - #B6B8B7 | 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 #010900 to #B6B8B7

#010900 #B6B8B7

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

#010900 - #B6B8B7 | 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 #010900 as 0% and #B6B8B7 as 100%.

0.0%	0.0% #010900	RGB 1 9 0	#010900
16.7%	16.7% #1F261E	RGB 31 38 30	#1F261E
33.3%	33.3% #3D433D	RGB 61 67 61	#3D433D
50.0%	50.0% #5B605B	RGB 91 96 91	#5B605B
66.7%	66.7% #797D7A	RGB 121 125 122	#797D7A
83.3%	83.3% #979A98	RGB 151 154 152	#979A98
100.0%	100.0% #B6B8B7	RGB 182 184 183	#B6B8B7

#010900 #1F261E #3D433D #5B605B #797D7A #979A98 #B6B8B7

#010900 - #B6B8B7

HSV Blend

#010900 - #B6B8B7 | 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 #010900 as 0% and #B6B8B7 as 100%.

0.0%	0.0% #010900	RGB 1 9 0	#010900
16.7%	16.7% #062606	RGB 6 38 6	#062606
33.3%	33.3% #16431A	RGB 22 67 26	#16431A
50.0%	50.0% #2F6039	RGB 47 96 57	#2F6039
66.7%	66.7% #527D5F	RGB 82 125 95	#527D5F
83.3%	83.3% #7F9A8A	RGB 127 154 138	#7F9A8A
100.0%	100.0% #B6B8B7	RGB 182 184 183	#B6B8B7

#010900 #062606 #16431A #2F6039 #527D5F #7F9A8A #B6B8B7

#010900 - #2F6039 - #B6B8B7

CSS codes

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

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