#001818 - #B6BDBD | 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 #001818 to #B6BDBD

#001818 #B6BDBD

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

#001818 - #B6BDBD | 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 #001818 as 0% and #B6BDBD as 100%.

0.0%	0.0% #001818	RGB 0 24 24	#001818
16.7%	16.7% #1E3333	RGB 30 51 51	#1E3333
33.3%	33.3% #3C4F4F	RGB 60 79 79	#3C4F4F
50.0%	50.0% #5B6A6A	RGB 91 106 106	#5B6A6A
66.7%	66.7% #798686	RGB 121 134 134	#798686
83.3%	83.3% #97A1A1	RGB 151 161 161	#97A1A1
100.0%	100.0% #B6BDBD	RGB 182 189 189	#B6BDBD

#001818 #1E3333 #3C4F4F #5B6A6A #798686 #97A1A1 #B6BDBD

#001818 - #B6BDBD

HSV Blend

#001818 - #B6BDBD | 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 #001818 as 0% and #B6BDBD as 100%.

0.0%	0.0% #001818	RGB 0 24 24	#001818
16.7%	16.7% #083333	RGB 8 51 51	#083333
33.3%	33.3% #194F4F	RGB 25 79 79	#194F4F
50.0%	50.0% #336A6A	RGB 51 106 106	#336A6A
66.7%	66.7% #568686	RGB 86 134 134	#568686
83.3%	83.3% #81A1A1	RGB 129 161 161	#81A1A1
100.0%	100.0% #B6BDBD	RGB 182 189 189	#B6BDBD

#001818 #083333 #194F4F #336A6A #568686 #81A1A1 #B6BDBD

#001818 - #336A6A - #B6BDBD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001818 0%, #336A6A 50%, #B6BDBD 100%);
    background: -webkit-linear-gradient(top, #001818 0%, #336A6A 50%, #B6BDBD 100%);
    background: linear-gradient(to bottom, #001818 0%, #336A6A 50%, #B6BDBD 100%);
}
</style>