#103620 - #BAC5BF | 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 #103620 to #BAC5BF

#103620 #BAC5BF

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

#103620 - #BAC5BF | 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 #103620 as 0% and #BAC5BF as 100%.

0.0%	0.0% #103620	RGB 16 54 32	#103620
16.7%	16.7% #2C4D3A	RGB 44 77 58	#2C4D3A
33.3%	33.3% #486555	RGB 72 101 85	#486555
50.0%	50.0% #657D6F	RGB 101 125 111	#657D6F
66.7%	66.7% #81958A	RGB 129 149 138	#81958A
83.3%	83.3% #9DADA4	RGB 157 173 164	#9DADA4
100.0%	100.0% #BAC5BF	RGB 186 197 191	#BAC5BF

#103620 #2C4D3A #486555 #657D6F #81958A #9DADA4 #BAC5BF

#103620 - #BAC5BF

HSV Blend

#103620 - #BAC5BF | 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 #103620 as 0% and #BAC5BF as 100%.

0.0%	0.0% #103620	RGB 16 54 32	#103620
16.7%	16.7% #1F4D33	RGB 31 77 51	#1F4D33
33.3%	33.3% #346549	RGB 52 101 73	#346549
50.0%	50.0% #4D7D62	RGB 77 125 98	#4D7D62
66.7%	66.7% #6C957E	RGB 108 149 126	#6C957E
83.3%	83.3% #90AD9D	RGB 144 173 157	#90AD9D
100.0%	100.0% #BAC5BF	RGB 186 197 191	#BAC5BF

#103620 #1F4D33 #346549 #4D7D62 #6C957E #90AD9D #BAC5BF

#103620 - #4D7D62 - #BAC5BF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #103620 0%, #4D7D62 50%, #BAC5BF 100%);
    background: -webkit-linear-gradient(top, #103620 0%, #4D7D62 50%, #BAC5BF 100%);
    background: linear-gradient(to bottom, #103620 0%, #4D7D62 50%, #BAC5BF 100%);
}
</style>