#133906 - #BBC6B7 | 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 #133906 to #BBC6B7

#133906 #BBC6B7

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

#133906 - #BBC6B7 | 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 #133906 as 0% and #BBC6B7 as 100%.

0.0%	0.0% #133906	RGB 19 57 6	#133906
16.7%	16.7% #2F5023	RGB 47 80 35	#2F5023
33.3%	33.3% #4B6841	RGB 75 104 65	#4B6841
50.0%	50.0% #677F5E	RGB 103 127 94	#677F5E
66.7%	66.7% #83977C	RGB 131 151 124	#83977C
83.3%	83.3% #9FAE99	RGB 159 174 153	#9FAE99
100.0%	100.0% #BBC6B7	RGB 187 198 183	#BBC6B7

#133906 #2F5023 #4B6841 #677F5E #83977C #9FAE99 #BBC6B7

#133906 - #BBC6B7

HSV Blend

#133906 - #BBC6B7 | 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 #133906 as 0% and #BBC6B7 as 100%.

0.0%	0.0% #123906	RGB 18 57 6	#123906
16.7%	16.7% #235013	RGB 35 80 19	#235013
33.3%	33.3% #386827	RGB 56 104 39	#386827
50.0%	50.0% #517F41	RGB 81 127 65	#517F41
66.7%	66.7% #709762	RGB 112 151 98	#709762
83.3%	83.3% #93AE89	RGB 147 174 137	#93AE89
100.0%	100.0% #BBC6B7	RGB 187 198 183	#BBC6B7

#123906 #235013 #386827 #517F41 #709762 #93AE89 #BBC6B7

#133906 - #517F41 - #BBC6B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #123906 0%, #517F41 50%, #BBC6B7 100%);
    background: -webkit-linear-gradient(top, #123906 0%, #517F41 50%, #BBC6B7 100%);
    background: linear-gradient(to bottom, #123906 0%, #517F41 50%, #BBC6B7 100%);
}
</style>