#100201 - #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 #100201 to #BAB6B6

#100201 #BAB6B6

Calculate the color between two colors, #100201 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)

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

0.0%	0.0% #100201	RGB 16 2 1	#100201
16.7%	16.7% #2C201F	RGB 44 32 31	#2C201F
33.3%	33.3% #483E3D	RGB 72 62 61	#483E3D
50.0%	50.0% #655C5B	RGB 101 92 91	#655C5B
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

#100201 #2C201F #483E3D #655C5B #817A79 #9D9897 #BAB6B6

#100201 - #BAB6B6

HSV Blend

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

0.0%	0.0% #100201	RGB 16 2 1	#100201
16.7%	16.7% #2C0B09	RGB 44 11 9	#2C0B09
33.3%	33.3% #481C1A	RGB 72 28 26	#481C1A
50.0%	50.0% #653634	RGB 101 54 52	#653634
66.7%	66.7% #815857	RGB 129 88 87	#815857
83.3%	83.3% #9D8282	RGB 157 130 130	#9D8282
100.0%	100.0% #BAB6B6	RGB 186 182 182	#BAB6B6

#100201 #2C0B09 #481C1A #653634 #815857 #9D8282 #BAB6B6

#100201 - #653634 - #BAB6B6

CSS codes

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

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