#0F0200 - #BAB6B6 | 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 #0F0200 to #BAB6B6

#0F0200 #BAB6B6

Calculate the color between two colors, #0F0200 and #BAB6B6. 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)

#0F0200 - #BAB6B6 | 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 #0F0200 as 0% and #BAB6B6 as 100%.

0.0%	0.0% #0F0200	RGB 15 2 0	#0F0200
16.7%	16.7% #2B201E	RGB 43 32 30	#2B201E
33.3%	33.3% #483E3C	RGB 72 62 60	#483E3C
50.0%	50.0% #645C5B	RGB 100 92 91	#645C5B
66.7%	66.7% #817A79	RGB 129 122 121	#817A79
83.3%	83.3% #9D9897	RGB 157 152 151	#9D9897
100.0%	100.0% #BAB6B6	RGB 186 182 182	#BAB6B6

#0F0200 #2B201E #483E3C #645C5B #817A79 #9D9897 #BAB6B6

#0F0200 - #BAB6B6

HSV Blend

#0F0200 - #BAB6B6 | 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 #0F0200 as 0% and #BAB6B6 as 100%.

0.0%	0.0% #0F0200	RGB 15 2 0	#0F0200
16.7%	16.7% #2B0B07	RGB 43 11 7	#2B0B07
33.3%	33.3% #481B17	RGB 72 27 23	#481B17
50.0%	50.0% #643431	RGB 100 52 49	#643431
66.7%	66.7% #815654	RGB 129 86 84	#815654
83.3%	83.3% #9D8180	RGB 157 129 128	#9D8180
100.0%	100.0% #BAB6B6	RGB 186 182 182	#BAB6B6

#0F0200 #2B0B07 #481B17 #643431 #815654 #9D8180 #BAB6B6

#0F0200 - #643431 - #BAB6B6

CSS codes

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

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