#151C0C - #BCBEB9 | 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 #151C0C to #BCBEB9

#151C0C #BCBEB9

Calculate the color between two colors, #151C0C and #BCBEB9. 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)

#151C0C - #BCBEB9 | 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 #151C0C as 0% and #BCBEB9 as 100%.

0.0%	0.0% #151C0C	RGB 21 28 12	#151C0C
16.7%	16.7% #303728	RGB 48 55 40	#303728
33.3%	33.3% #4C5245	RGB 76 82 69	#4C5245
50.0%	50.0% #686D62	RGB 104 109 98	#686D62
66.7%	66.7% #84887F	RGB 132 136 127	#84887F
83.3%	83.3% #A0A39C	RGB 160 163 156	#A0A39C
100.0%	100.0% #BCBEB9	RGB 188 190 185	#BCBEB9

#151C0C #303728 #4C5245 #686D62 #84887F #A0A39C #BCBEB9

#151C0C - #BCBEB9

HSV Blend

#151C0C - #BCBEB9 | 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 #151C0C as 0% and #BCBEB9 as 100%.

0.0%	0.0% #151C0C	RGB 21 28 12	#151C0C
16.7%	16.7% #2B371C	RGB 43 55 28	#2B371C
33.3%	33.3% #445232	RGB 68 82 50	#445232
50.0%	50.0% #5F6D4C	RGB 95 109 76	#5F6D4C
66.7%	66.7% #7C886B	RGB 124 136 107	#7C886B
83.3%	83.3% #9BA38F	RGB 155 163 143	#9BA38F
100.0%	100.0% #BCBEB9	RGB 188 190 185	#BCBEB9

#151C0C #2B371C #445232 #5F6D4C #7C886B #9BA38F #BCBEB9

#151C0C - #5F6D4C - #BCBEB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #151C0C 0%, #5F6D4C 50%, #BCBEB9 100%);
    background: -webkit-linear-gradient(top, #151C0C 0%, #5F6D4C 50%, #BCBEB9 100%);
    background: linear-gradient(to bottom, #151C0C 0%, #5F6D4C 50%, #BCBEB9 100%);
}
</style>