#10050D - #BAB7B9 | 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 #10050D to #BAB7B9

#10050D #BAB7B9

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

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

0.0%	0.0% #10050D	RGB 16 5 13	#10050D
16.7%	16.7% #2C2229	RGB 44 34 41	#2C2229
33.3%	33.3% #484046	RGB 72 64 70	#484046
50.0%	50.0% #655E63	RGB 101 94 99	#655E63
66.7%	66.7% #817B7F	RGB 129 123 127	#817B7F
83.3%	83.3% #9D999C	RGB 157 153 156	#9D999C
100.0%	100.0% #BAB7B9	RGB 186 183 185	#BAB7B9

#10050D #2C2229 #484046 #655E63 #817B7F #9D999C #BAB7B9

#10050D - #BAB7B9

HSV Blend

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

0.0%	0.0% #10050D	RGB 16 5 13	#10050D
16.7%	16.7% #2C1225	RGB 44 18 37	#2C1225
33.3%	33.3% #48263E	RGB 72 38 62	#48263E
50.0%	50.0% #65415A	RGB 101 65 90	#65415A
66.7%	66.7% #816277	RGB 129 98 119	#816277
83.3%	83.3% #9D8997	RGB 157 137 151	#9D8997
100.0%	100.0% #BAB7B9	RGB 186 183 185	#BAB7B9

#10050D #2C1225 #48263E #65415A #816277 #9D8997 #BAB7B9

#10050D - #65415A - #BAB7B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #10050D 0%, #65415A 50%, #BAB7B9 100%);
    background: -webkit-linear-gradient(top, #10050D 0%, #65415A 50%, #BAB7B9 100%);
    background: linear-gradient(to bottom, #10050D 0%, #65415A 50%, #BAB7B9 100%);
}
</style>