#100508 - #BAB7B8 | 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 #100508 to #BAB7B8

#100508 #BAB7B8

Calculate the color between two colors, #100508 and #BAB7B8. 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)

#100508 - #BAB7B8 | 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 #100508 as 0% and #BAB7B8 as 100%.

0.0%	0.0% #100508	RGB 16 5 8	#100508
16.7%	16.7% #2C2225	RGB 44 34 37	#2C2225
33.3%	33.3% #484042	RGB 72 64 66	#484042
50.0%	50.0% #655E60	RGB 101 94 96	#655E60
66.7%	66.7% #817B7D	RGB 129 123 125	#817B7D
83.3%	83.3% #9D999A	RGB 157 153 154	#9D999A
100.0%	100.0% #BAB7B8	RGB 186 183 184	#BAB7B8

#100508 #2C2225 #484042 #655E60 #817B7D #9D999A #BAB7B8

#100508 - #BAB7B8

HSV Blend

#100508 - #BAB7B8 | 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 #100508 as 0% and #BAB7B8 as 100%.

0.0%	0.0% #100508	RGB 16 5 8	#100508
16.7%	16.7% #2C121A	RGB 44 18 26	#2C121A
33.3%	33.3% #482630	RGB 72 38 48	#482630
50.0%	50.0% #65414C	RGB 101 65 76	#65414C
66.7%	66.7% #81626C	RGB 129 98 108	#81626C
83.3%	83.3% #9D8990	RGB 157 137 144	#9D8990
100.0%	100.0% #BAB7B8	RGB 186 183 184	#BAB7B8

#100508 #2C121A #482630 #65414C #81626C #9D8990 #BAB7B8

#100508 - #65414C - #BAB7B8

CSS codes

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

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