#163C0C - #BCC7B9 | 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 #163C0C to #BCC7B9

#163C0C #BCC7B9

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

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

0.0%	0.0% #163C0C	RGB 22 60 12	#163C0C
16.7%	16.7% #315328	RGB 49 83 40	#315328
33.3%	33.3% #4D6A45	RGB 77 106 69	#4D6A45
50.0%	50.0% #698162	RGB 105 129 98	#698162
66.7%	66.7% #84987F	RGB 132 152 127	#84987F
83.3%	83.3% #A0AF9C	RGB 160 175 156	#A0AF9C
100.0%	100.0% #BCC7B9	RGB 188 199 185	#BCC7B9

#163C0C #315328 #4D6A45 #698162 #84987F #A0AF9C #BCC7B9

#163C0C - #BCC7B9

HSV Blend

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

0.0%	0.0% #163C0C	RGB 22 60 12	#163C0C
16.7%	16.7% #26531A	RGB 38 83 26	#26531A
33.3%	33.3% #3B6A2F	RGB 59 106 47	#3B6A2F
50.0%	50.0% #558149	RGB 85 129 73	#558149
66.7%	66.7% #729868	RGB 114 152 104	#729868
83.3%	83.3% #95AF8E	RGB 149 175 142	#95AF8E
100.0%	100.0% #BCC7B9	RGB 188 199 185	#BCC7B9

#163C0C #26531A #3B6A2F #558149 #729868 #95AF8E #BCC7B9

#163C0C - #558149 - #BCC7B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #163C0C 0%, #558149 50%, #BCC7B9 100%);
    background: -webkit-linear-gradient(top, #163C0C 0%, #558149 50%, #BCC7B9 100%);
    background: linear-gradient(to bottom, #163C0C 0%, #558149 50%, #BCC7B9 100%);
}
</style>