#121B05 - #BBBDB7 | 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 #121B05 to #BBBDB7

#121B05 #BBBDB7

Calculate the color between two colors, #121B05 and #BBBDB7. 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)

#121B05 - #BBBDB7 | 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 #121B05 as 0% and #BBBDB7 as 100%.

0.0%	0.0% #121B05	RGB 18 27 5	#121B05
16.7%	16.7% #2E3622	RGB 46 54 34	#2E3622
33.3%	33.3% #4A5140	RGB 74 81 64	#4A5140
50.0%	50.0% #666C5E	RGB 102 108 94	#666C5E
66.7%	66.7% #82877B	RGB 130 135 123	#82877B
83.3%	83.3% #9EA299	RGB 158 162 153	#9EA299
100.0%	100.0% #BBBDB7	RGB 187 189 183	#BBBDB7

#121B05 #2E3622 #4A5140 #666C5E #82877B #9EA299 #BBBDB7

#121B05 - #BBBDB7

HSV Blend

#121B05 - #BBBDB7 | 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 #121B05 as 0% and #BBBDB7 as 100%.

0.0%	0.0% #121B05	RGB 18 27 5	#121B05
16.7%	16.7% #273611	RGB 39 54 17	#273611
33.3%	33.3% #3F5124	RGB 63 81 36	#3F5124
50.0%	50.0% #5B6C3E	RGB 91 108 62	#5B6C3E
66.7%	66.7% #78875F	RGB 120 135 95	#78875F
83.3%	83.3% #98A287	RGB 152 162 135	#98A287
100.0%	100.0% #BBBDB7	RGB 187 189 183	#BBBDB7

#121B05 #273611 #3F5124 #5B6C3E #78875F #98A287 #BBBDB7

#121B05 - #5B6C3E - #BBBDB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #121B05 0%, #5B6C3E 50%, #BBBDB7 100%);
    background: -webkit-linear-gradient(top, #121B05 0%, #5B6C3E 50%, #BBBDB7 100%);
    background: linear-gradient(to bottom, #121B05 0%, #5B6C3E 50%, #BBBDB7 100%);
}
</style>