#1A1113 - #BDBBBC | 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 #1A1113 to #BDBBBC

#1A1113 #BDBBBC

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

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

0.0%	0.0% #1A1113	RGB 26 17 19	#1A1113
16.7%	16.7% #352D2F	RGB 53 45 47	#352D2F
33.3%	33.3% #50494B	RGB 80 73 75	#50494B
50.0%	50.0% #6B6667	RGB 107 102 103	#6B6667
66.7%	66.7% #868283	RGB 134 130 131	#868283
83.3%	83.3% #A19E9F	RGB 161 158 159	#A19E9F
100.0%	100.0% #BDBBBC	RGB 189 187 188	#BDBBBC

#1A1113 #352D2F #50494B #6B6667 #868283 #A19E9F #BDBBBC

#1A1113 - #BDBBBC

HSV Blend

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

0.0%	0.0% #1A1113	RGB 26 17 19	#1A1113
16.7%	16.7% #352529	RGB 53 37 41	#352529
33.3%	33.3% #503D43	RGB 80 61 67	#503D43
50.0%	50.0% #6B585F	RGB 107 88 95	#6B585F
66.7%	66.7% #86767C	RGB 134 118 124	#86767C
83.3%	83.3% #A1979B	RGB 161 151 155	#A1979B
100.0%	100.0% #BDBBBC	RGB 189 187 188	#BDBBBC

#1A1113 #352529 #503D43 #6B585F #86767C #A1979B #BDBBBC

#1A1113 - #6B585F - #BDBBBC

CSS codes

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

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