#15100D - #BCBAB9 | 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 #15100D to #BCBAB9

#15100D #BCBAB9

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

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

0.0%	0.0% #15100D	RGB 21 16 13	#15100D
16.7%	16.7% #302C29	RGB 48 44 41	#302C29
33.3%	33.3% #4C4846	RGB 76 72 70	#4C4846
50.0%	50.0% #686563	RGB 104 101 99	#686563
66.7%	66.7% #84817F	RGB 132 129 127	#84817F
83.3%	83.3% #A09D9C	RGB 160 157 156	#A09D9C
100.0%	100.0% #BCBAB9	RGB 188 186 185	#BCBAB9

#15100D #302C29 #4C4846 #686563 #84817F #A09D9C #BCBAB9

#15100D - #BCBAB9

HSV Blend

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

0.0%	0.0% #15100D	RGB 21 16 13	#15100D
16.7%	16.7% #302621	RGB 48 38 33	#302621
33.3%	33.3% #4C3F38	RGB 76 63 56	#4C3F38
50.0%	50.0% #685B53	RGB 104 91 83	#685B53
66.7%	66.7% #847872	RGB 132 120 114	#847872
83.3%	83.3% #A09893	RGB 160 152 147	#A09893
100.0%	100.0% #BCBAB9	RGB 188 186 185	#BCBAB9

#15100D #302621 #4C3F38 #685B53 #847872 #A09893 #BCBAB9

#15100D - #685B53 - #BCBAB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #15100D 0%, #685B53 50%, #BCBAB9 100%);
    background: -webkit-linear-gradient(top, #15100D 0%, #685B53 50%, #BCBAB9 100%);
    background: linear-gradient(to bottom, #15100D 0%, #685B53 50%, #BCBAB9 100%);
}
</style>