#10010C - #BAB6B9 | 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 #10010C to #BAB6B9

#10010C #BAB6B9

Calculate the color between two colors, #10010C and #BAB6B9. 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)

#10010C - #BAB6B9 | 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 #10010C as 0% and #BAB6B9 as 100%.

0.0%	0.0% #10010C	RGB 16 1 12	#10010C
16.7%	16.7% #2C1F28	RGB 44 31 40	#2C1F28
33.3%	33.3% #483D45	RGB 72 61 69	#483D45
50.0%	50.0% #655B62	RGB 101 91 98	#655B62
66.7%	66.7% #81797F	RGB 129 121 127	#81797F
83.3%	83.3% #9D979C	RGB 157 151 156	#9D979C
100.0%	100.0% #BAB6B9	RGB 186 182 185	#BAB6B9

#10010C #2C1F28 #483D45 #655B62 #81797F #9D979C #BAB6B9

#10010C - #BAB6B9

HSV Blend

#10010C - #BAB6B9 | 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 #10010C as 0% and #BAB6B9 as 100%.

0.0%	0.0% #10010C	RGB 16 1 12	#10010C
16.7%	16.7% #2C0923	RGB 44 9 35	#2C0923
33.3%	33.3% #481A3C	RGB 72 26 60	#481A3C
50.0%	50.0% #653458	RGB 101 52 88	#653458
66.7%	66.7% #815776	RGB 129 87 118	#815776
83.3%	83.3% #9D8296	RGB 157 130 150	#9D8296
100.0%	100.0% #BAB6B9	RGB 186 182 185	#BAB6B9

#10010C #2C0923 #481A3C #653458 #815776 #9D8296 #BAB6B9

#10010C - #653458 - #BAB6B9

CSS codes

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

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