#162308 - #BCC0B8 | 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 #162308 to #BCC0B8

#162308 #BCC0B8

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

#162308 - #BCC0B8 | 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 #162308 as 0% and #BCC0B8 as 100%.

0.0%	0.0% #162308	RGB 22 35 8	#162308
16.7%	16.7% #313D25	RGB 49 61 37	#313D25
33.3%	33.3% #4D5742	RGB 77 87 66	#4D5742
50.0%	50.0% #697160	RGB 105 113 96	#697160
66.7%	66.7% #848B7D	RGB 132 139 125	#848B7D
83.3%	83.3% #A0A59A	RGB 160 165 154	#A0A59A
100.0%	100.0% #BCC0B8	RGB 188 192 184	#BCC0B8

#162308 #313D25 #4D5742 #697160 #848B7D #A0A59A #BCC0B8

#162308 - #BCC0B8

HSV Blend

#162308 - #BCC0B8 | 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 #162308 as 0% and #BCC0B8 as 100%.

0.0%	0.0% #162307	RGB 22 35 7	#162307
16.7%	16.7% #293D15	RGB 41 61 21	#293D15
33.3%	33.3% #405729	RGB 64 87 41	#405729
50.0%	50.0% #5A7143	RGB 90 113 67	#5A7143
66.7%	66.7% #788B63	RGB 120 139 99	#788B63
83.3%	83.3% #98A58A	RGB 152 165 138	#98A58A
100.0%	100.0% #BCC0B8	RGB 188 192 184	#BCC0B8

#162307 #293D15 #405729 #5A7143 #788B63 #98A58A #BCC0B8

#162308 - #5A7143 - #BCC0B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #162307 0%, #5A7143 50%, #BCC0B8 100%);
    background: -webkit-linear-gradient(top, #162307 0%, #5A7143 50%, #BCC0B8 100%);
    background: linear-gradient(to bottom, #162307 0%, #5A7143 50%, #BCC0B8 100%);
}
</style>