#002020 - #B6BFBF | 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 #002020 to #B6BFBF

#002020 #B6BFBF

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

#002020 - #B6BFBF | 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 #002020 as 0% and #B6BFBF as 100%.

0.0%	0.0% #002020	RGB 0 32 32	#002020
16.7%	16.7% #1E3A3A	RGB 30 58 58	#1E3A3A
33.3%	33.3% #3C5555	RGB 60 85 85	#3C5555
50.0%	50.0% #5B6F6F	RGB 91 111 111	#5B6F6F
66.7%	66.7% #798A8A	RGB 121 138 138	#798A8A
83.3%	83.3% #97A4A4	RGB 151 164 164	#97A4A4
100.0%	100.0% #B6BFBF	RGB 182 191 191	#B6BFBF

#002020 #1E3A3A #3C5555 #5B6F6F #798A8A #97A4A4 #B6BFBF

#002020 - #B6BFBF

HSV Blend

#002020 - #B6BFBF | 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 #002020 as 0% and #B6BFBF as 100%.

0.0%	0.0% #002020	RGB 0 32 32	#002020
16.7%	16.7% #093A3A	RGB 9 58 58	#093A3A
33.3%	33.3% #1A5555	RGB 26 85 85	#1A5555
50.0%	50.0% #356F6F	RGB 53 111 111	#356F6F
66.7%	66.7% #578A8A	RGB 87 138 138	#578A8A
83.3%	83.3% #82A4A4	RGB 130 164 164	#82A4A4
100.0%	100.0% #B6BFBF	RGB 182 191 191	#B6BFBF

#002020 #093A3A #1A5555 #356F6F #578A8A #82A4A4 #B6BFBF

#002020 - #356F6F - #B6BFBF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002020 0%, #356F6F 50%, #B6BFBF 100%);
    background: -webkit-linear-gradient(top, #002020 0%, #356F6F 50%, #B6BFBF 100%);
    background: linear-gradient(to bottom, #002020 0%, #356F6F 50%, #B6BFBF 100%);
}
</style>