#1A010B - #BDB6B9 | 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 #1A010B to #BDB6B9

#1A010B #BDB6B9

Calculate the color between two colors, #1A010B and #BDB6B9. 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)

#1A010B - #BDB6B9 | 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 #1A010B as 0% and #BDB6B9 as 100%.

0.0%	0.0% #1A010B	RGB 26 1 11	#1A010B
16.7%	16.7% #351F28	RGB 53 31 40	#351F28
33.3%	33.3% #503D45	RGB 80 61 69	#503D45
50.0%	50.0% #6B5B62	RGB 107 91 98	#6B5B62
66.7%	66.7% #86797F	RGB 134 121 127	#86797F
83.3%	83.3% #A1979C	RGB 161 151 156	#A1979C
100.0%	100.0% #BDB6B9	RGB 189 182 185	#BDB6B9

#1A010B #351F28 #503D45 #6B5B62 #86797F #A1979C #BDB6B9

#1A010B - #BDB6B9

HSV Blend

#1A010B - #BDB6B9 | 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 #1A010B as 0% and #BDB6B9 as 100%.

0.0%	0.0% #1A010B	RGB 26 1 11	#1A010B
16.7%	16.7% #350A1B	RGB 53 10 27	#350A1B
33.3%	33.3% #501B31	RGB 80 27 49	#501B31
50.0%	50.0% #6B354C	RGB 107 53 76	#6B354C
66.7%	66.7% #86586B	RGB 134 88 107	#86586B
83.3%	83.3% #A18290	RGB 161 130 144	#A18290
100.0%	100.0% #BDB6B9	RGB 189 182 185	#BDB6B9

#1A010B #350A1B #501B31 #6B354C #86586B #A18290 #BDB6B9

#1A010B - #6B354C - #BDB6B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A010B 0%, #6B354C 50%, #BDB6B9 100%);
    background: -webkit-linear-gradient(top, #1A010B 0%, #6B354C 50%, #BDB6B9 100%);
    background: linear-gradient(to bottom, #1A010B 0%, #6B354C 50%, #BDB6B9 100%);
}
</style>