#040601 - #B7B6B6 | 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 #040601 to #B7B6B6

#040601 #B7B6B6

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

#040601 - #B7B6B6 | 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 #040601 as 0% and #B7B6B6 as 100%.

0.0%	0.0% #040601	RGB 4 6 1	#040601
16.7%	16.7% #21231F	RGB 33 35 31	#21231F
33.3%	33.3% #3F403D	RGB 63 64 61	#3F403D
50.0%	50.0% #5D5E5B	RGB 93 94 91	#5D5E5B
66.7%	66.7% #7B7B79	RGB 123 123 121	#7B7B79
83.3%	83.3% #999897	RGB 153 152 151	#999897
100.0%	100.0% #B7B6B6	RGB 183 182 182	#B7B6B6

#040601 #21231F #3F403D #5D5E5B #7B7B79 #999897 #B7B6B6

#040601 - #B7B6B6

HSV Blend

#040601 - #B7B6B6 | 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 #040601 as 0% and #B7B6B6 as 100%.

0.0%	0.0% #040601	RGB 4 6 1	#040601
16.7%	16.7% #1F230A	RGB 31 35 10	#1F230A
33.3%	33.3% #413E1C	RGB 65 62 28	#413E1C
50.0%	50.0% #5E5236	RGB 94 82 54	#5E5236
66.7%	66.7% #7C6959	RGB 124 105 89	#7C6959
83.3%	83.3% #998883	RGB 153 136 131	#998883
100.0%	100.0% #B7B6B6	RGB 183 182 182	#B7B6B6

#040601 #1F230A #413E1C #5E5236 #7C6959 #998883 #B7B6B6

#040601 - #5E5236 - #B7B6B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #040601 0%, #5E5236 50%, #B7B6B6 100%);
    background: -webkit-linear-gradient(top, #040601 0%, #5E5236 50%, #B7B6B6 100%);
    background: linear-gradient(to bottom, #040601 0%, #5E5236 50%, #B7B6B6 100%);
}
</style>