#163C0D - #BBC7B9 | 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 #163C0D to #BBC7B9

#163C0D #BBC7B9

Calculate the color between two colors, #163C0D and #BBC7B9. 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)

#163C0D - #BBC7B9 | 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 #163C0D as 0% and #BBC7B9 as 100%.

0.0%	0.0% #163C0D	RGB 22 60 13	#163C0D
16.7%	16.7% #315329	RGB 49 83 41	#315329
33.3%	33.3% #4D6A46	RGB 77 106 70	#4D6A46
50.0%	50.0% #688163	RGB 104 129 99	#688163
66.7%	66.7% #84987F	RGB 132 152 127	#84987F
83.3%	83.3% #9FAF9C	RGB 159 175 156	#9FAF9C
100.0%	100.0% #BBC7B9	RGB 187 199 185	#BBC7B9

#163C0D #315329 #4D6A46 #688163 #84987F #9FAF9C #BBC7B9

#163C0D - #BBC7B9

HSV Blend

#163C0D - #BBC7B9 | 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 #163C0D as 0% and #BBC7B9 as 100%.

0.0%	0.0% #153C0D	RGB 21 60 13	#153C0D
16.7%	16.7% #26531B	RGB 38 83 27	#26531B
33.3%	33.3% #3A6A30	RGB 58 106 48	#3A6A30
50.0%	50.0% #53814A	RGB 83 129 74	#53814A
66.7%	66.7% #719869	RGB 113 152 105	#719869
83.3%	83.3% #93AF8E	RGB 147 175 142	#93AF8E
100.0%	100.0% #BBC7B9	RGB 187 199 185	#BBC7B9

#153C0D #26531B #3A6A30 #53814A #719869 #93AF8E #BBC7B9

#163C0D - #53814A - #BBC7B9

CSS codes

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

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