#040F08 - #B7BAB8 | 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 #040F08 to #B7BAB8

#040F08 #B7BAB8

Calculate the color between two colors, #040F08 and #B7BAB8. 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)

#040F08 - #B7BAB8 | 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 #040F08 as 0% and #B7BAB8 as 100%.

0.0%	0.0% #040F08	RGB 4 15 8	#040F08
16.7%	16.7% #212B25	RGB 33 43 37	#212B25
33.3%	33.3% #3F4842	RGB 63 72 66	#3F4842
50.0%	50.0% #5D6460	RGB 93 100 96	#5D6460
66.7%	66.7% #7B817D	RGB 123 129 125	#7B817D
83.3%	83.3% #999D9A	RGB 153 157 154	#999D9A
100.0%	100.0% #B7BAB8	RGB 183 186 184	#B7BAB8

#040F08 #212B25 #3F4842 #5D6460 #7B817D #999D9A #B7BAB8

#040F08 - #B7BAB8

HSV Blend

#040F08 - #B7BAB8 | 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 #040F08 as 0% and #B7BAB8 as 100%.

0.0%	0.0% #040F08	RGB 4 15 8	#040F08
16.7%	16.7% #102B1A	RGB 16 43 26	#102B1A
33.3%	33.3% #244830	RGB 36 72 48	#244830
50.0%	50.0% #3E644B	RGB 62 100 75	#3E644B
66.7%	66.7% #60816B	RGB 96 129 107	#60816B
83.3%	83.3% #889D8F	RGB 136 157 143	#889D8F
100.0%	100.0% #B7BAB8	RGB 183 186 184	#B7BAB8

#040F08 #102B1A #244830 #3E644B #60816B #889D8F #B7BAB8

#040F08 - #3E644B - #B7BAB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #040F08 0%, #3E644B 50%, #B7BAB8 100%);
    background: -webkit-linear-gradient(top, #040F08 0%, #3E644B 50%, #B7BAB8 100%);
    background: linear-gradient(to bottom, #040F08 0%, #3E644B 50%, #B7BAB8 100%);
}
</style>