#11280B - #BBC1B9 | 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 #11280B to #BBC1B9

#11280B #BBC1B9

Calculate the color between two colors, #11280B and #BBC1B9. 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)

#11280B - #BBC1B9 | 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 #11280B as 0% and #BBC1B9 as 100%.

0.0%	0.0% #11280B	RGB 17 40 11	#11280B
16.7%	16.7% #2D4128	RGB 45 65 40	#2D4128
33.3%	33.3% #495B45	RGB 73 91 69	#495B45
50.0%	50.0% #667462	RGB 102 116 98	#667462
66.7%	66.7% #828E7F	RGB 130 142 127	#828E7F
83.3%	83.3% #9EA79C	RGB 158 167 156	#9EA79C
100.0%	100.0% #BBC1B9	RGB 187 193 185	#BBC1B9

#11280B #2D4128 #495B45 #667462 #828E7F #9EA79C #BBC1B9

#11280B - #BBC1B9

HSV Blend

#11280B - #BBC1B9 | 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 #11280B as 0% and #BBC1B9 as 100%.

0.0%	0.0% #11280A	RGB 17 40 10	#11280A
16.7%	16.7% #224119	RGB 34 65 25	#224119
33.3%	33.3% #375B2D	RGB 55 91 45	#375B2D
50.0%	50.0% #527447	RGB 82 116 71	#527447
66.7%	66.7% #708E67	RGB 112 142 103	#708E67
83.3%	83.3% #93A78D	RGB 147 167 141	#93A78D
100.0%	100.0% #BBC1B9	RGB 187 193 185	#BBC1B9

#11280A #224119 #375B2D #527447 #708E67 #93A78D #BBC1B9

#11280B - #527447 - #BBC1B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #11280A 0%, #527447 50%, #BBC1B9 100%);
    background: -webkit-linear-gradient(top, #11280A 0%, #527447 50%, #BBC1B9 100%);
    background: linear-gradient(to bottom, #11280A 0%, #527447 50%, #BBC1B9 100%);
}
</style>