#142912 - #BBC1BB | 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 #142912 to #BBC1BB

#142912 #BBC1BB

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

#142912 - #BBC1BB | 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 #142912 as 0% and #BBC1BB as 100%.

0.0%	0.0% #142912	RGB 20 41 18	#142912
16.7%	16.7% #2F422E	RGB 47 66 46	#2F422E
33.3%	33.3% #4B5B4A	RGB 75 91 74	#4B5B4A
50.0%	50.0% #677566	RGB 103 117 102	#677566
66.7%	66.7% #838E82	RGB 131 142 130	#838E82
83.3%	83.3% #9FA79E	RGB 159 167 158	#9FA79E
100.0%	100.0% #BBC1BB	RGB 187 193 187	#BBC1BB

#142912 #2F422E #4B5B4A #677566 #838E82 #9FA79E #BBC1BB

#142912 - #BBC1BB

HSV Blend

#142912 - #BBC1BB | 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 #142912 as 0% and #BBC1BB as 100%.

0.0%	0.0% #132912	RGB 19 41 18	#132912
16.7%	16.7% #254222	RGB 37 66 34	#254222
33.3%	33.3% #3A5B38	RGB 58 91 56	#3A5B38
50.0%	50.0% #537552	RGB 83 117 82	#537552
66.7%	66.7% #718E70	RGB 113 142 112	#718E70
83.3%	83.3% #93A793	RGB 147 167 147	#93A793
100.0%	100.0% #BBC1BB	RGB 187 193 187	#BBC1BB

#132912 #254222 #3A5B38 #537552 #718E70 #93A793 #BBC1BB

#142912 - #537552 - #BBC1BB

CSS codes

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

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