#10080D - #BAB8B9 | 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 #10080D to #BAB8B9

#10080D #BAB8B9

Calculate the color between two colors, #10080D and #BAB8B9. 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)

#10080D - #BAB8B9 | 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 #10080D as 0% and #BAB8B9 as 100%.

0.0%	0.0% #10080D	RGB 16 8 13	#10080D
16.7%	16.7% #2C2529	RGB 44 37 41	#2C2529
33.3%	33.3% #484246	RGB 72 66 70	#484246
50.0%	50.0% #656063	RGB 101 96 99	#656063
66.7%	66.7% #817D7F	RGB 129 125 127	#817D7F
83.3%	83.3% #9D9A9C	RGB 157 154 156	#9D9A9C
100.0%	100.0% #BAB8B9	RGB 186 184 185	#BAB8B9

#10080D #2C2529 #484246 #656063 #817D7F #9D9A9C #BAB8B9

#10080D - #BAB8B9

HSV Blend

#10080D - #BAB8B9 | 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 #10080D as 0% and #BAB8B9 as 100%.

0.0%	0.0% #10080D	RGB 16 8 13	#10080D
16.7%	16.7% #2C1924	RGB 44 25 36	#2C1924
33.3%	33.3% #48303E	RGB 72 48 62	#48303E
50.0%	50.0% #654B59	RGB 101 75 89	#654B59
66.7%	66.7% #816A77	RGB 129 106 119	#816A77
83.3%	83.3% #9D8F96	RGB 157 143 150	#9D8F96
100.0%	100.0% #BAB8B9	RGB 186 184 185	#BAB8B9

#10080D #2C1924 #48303E #654B59 #816A77 #9D8F96 #BAB8B9

#10080D - #654B59 - #BAB8B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #10080D 0%, #654B59 50%, #BAB8B9 100%);
    background: -webkit-linear-gradient(top, #10080D 0%, #654B59 50%, #BAB8B9 100%);
    background: linear-gradient(to bottom, #10080D 0%, #654B59 50%, #BAB8B9 100%);
}
</style>