#10080F - #BAB8BA | 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 #10080F to #BAB8BA

#10080F #BAB8BA

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

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

0.0%	0.0% #10080F	RGB 16 8 15	#10080F
16.7%	16.7% #2C252B	RGB 44 37 43	#2C252B
33.3%	33.3% #484248	RGB 72 66 72	#484248
50.0%	50.0% #656064	RGB 101 96 100	#656064
66.7%	66.7% #817D81	RGB 129 125 129	#817D81
83.3%	83.3% #9D9A9D	RGB 157 154 157	#9D9A9D
100.0%	100.0% #BAB8BA	RGB 186 184 186	#BAB8BA

#10080F #2C252B #484248 #656064 #817D81 #9D9A9D #BAB8BA

#10080F - #BAB8BA

HSV Blend

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

0.0%	0.0% #10080F	RGB 16 8 15	#10080F
16.7%	16.7% #2C192A	RGB 44 25 42	#2C192A
33.3%	33.3% #483046	RGB 72 48 70	#483046
50.0%	50.0% #654B63	RGB 101 75 99	#654B63
66.7%	66.7% #816A80	RGB 129 106 128	#816A80
83.3%	83.3% #9D8F9D	RGB 157 143 157	#9D8F9D
100.0%	100.0% #BAB8BA	RGB 186 184 186	#BAB8BA

#10080F #2C192A #483046 #654B63 #816A80 #9D8F9D #BAB8BA

#10080F - #654B63 - #BAB8BA

CSS codes

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

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