#18100C - #BDBAB9 | 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 #18100C to #BDBAB9

#18100C #BDBAB9

Calculate the color between two colors, #18100C and #BDBAB9. 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)

#18100C - #BDBAB9 | 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 #18100C as 0% and #BDBAB9 as 100%.

0.0%	0.0% #18100C	RGB 24 16 12	#18100C
16.7%	16.7% #332C28	RGB 51 44 40	#332C28
33.3%	33.3% #4F4845	RGB 79 72 69	#4F4845
50.0%	50.0% #6A6562	RGB 106 101 98	#6A6562
66.7%	66.7% #86817F	RGB 134 129 127	#86817F
83.3%	83.3% #A19D9C	RGB 161 157 156	#A19D9C
100.0%	100.0% #BDBAB9	RGB 189 186 185	#BDBAB9

#18100C #332C28 #4F4845 #6A6562 #86817F #A19D9C #BDBAB9

#18100C - #BDBAB9

HSV Blend

#18100C - #BDBAB9 | 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 #18100C as 0% and #BDBAB9 as 100%.

0.0%	0.0% #18100C	RGB 24 16 12	#18100C
16.7%	16.7% #33241D	RGB 51 36 29	#33241D
33.3%	33.3% #4F3C34	RGB 79 60 52	#4F3C34
50.0%	50.0% #6A564E	RGB 106 86 78	#6A564E
66.7%	66.7% #86746D	RGB 134 116 109	#86746D
83.3%	83.3% #A19591	RGB 161 149 145	#A19591
100.0%	100.0% #BDBAB9	RGB 189 186 185	#BDBAB9

#18100C #33241D #4F3C34 #6A564E #86746D #A19591 #BDBAB9

#18100C - #6A564E - #BDBAB9

CSS codes

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

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