#122011 - #BBBFBB | 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 #122011 to #BBBFBB

#122011 #BBBFBB

Calculate the color between two colors, #122011 and #BBBFBB. 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)

#122011 - #BBBFBB | 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 #122011 as 0% and #BBBFBB as 100%.

0.0%	0.0% #122011	RGB 18 32 17	#122011
16.7%	16.7% #2E3A2D	RGB 46 58 45	#2E3A2D
33.3%	33.3% #4A5549	RGB 74 85 73	#4A5549
50.0%	50.0% #666F66	RGB 102 111 102	#666F66
66.7%	66.7% #828A82	RGB 130 138 130	#828A82
83.3%	83.3% #9EA49E	RGB 158 164 158	#9EA49E
100.0%	100.0% #BBBFBB	RGB 187 191 187	#BBBFBB

#122011 #2E3A2D #4A5549 #666F66 #828A82 #9EA49E #BBBFBB

#122011 - #BBBFBB

HSV Blend

#122011 - #BBBFBB | 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 #122011 as 0% and #BBBFBB as 100%.

0.0%	0.0% #122011	RGB 18 32 17	#122011
16.7%	16.7% #243A23	RGB 36 58 35	#243A23
33.3%	33.3% #3B5539	RGB 59 85 57	#3B5539
50.0%	50.0% #556F54	RGB 85 111 84	#556F54
66.7%	66.7% #738A72	RGB 115 138 114	#738A72
83.3%	83.3% #94A494	RGB 148 164 148	#94A494
100.0%	100.0% #BBBFBB	RGB 187 191 187	#BBBFBB

#122011 #243A23 #3B5539 #556F54 #738A72 #94A494 #BBBFBB

#122011 - #556F54 - #BBBFBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #122011 0%, #556F54 50%, #BBBFBB 100%);
    background: -webkit-linear-gradient(top, #122011 0%, #556F54 50%, #BBBFBB 100%);
    background: linear-gradient(to bottom, #122011 0%, #556F54 50%, #BBBFBB 100%);
}
</style>