#1B2D0C - #BEC3B9 | 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 #1B2D0C to #BEC3B9

#1B2D0C #BEC3B9

Calculate the color between two colors, #1B2D0C and #BEC3B9. 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)

#1B2D0C - #BEC3B9 | 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 #1B2D0C as 0% and #BEC3B9 as 100%.

0.0%	0.0% #1B2D0C	RGB 27 45 12	#1B2D0C
16.7%	16.7% #364628	RGB 54 70 40	#364628
33.3%	33.3% #515F45	RGB 81 95 69	#515F45
50.0%	50.0% #6C7862	RGB 108 120 98	#6C7862
66.7%	66.7% #87917F	RGB 135 145 127	#87917F
83.3%	83.3% #A2AA9C	RGB 162 170 156	#A2AA9C
100.0%	100.0% #BEC3B9	RGB 190 195 185	#BEC3B9

#1B2D0C #364628 #515F45 #6C7862 #87917F #A2AA9C #BEC3B9

#1B2D0C - #BEC3B9

HSV Blend

#1B2D0C - #BEC3B9 | 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 #1B2D0C as 0% and #BEC3B9 as 100%.

0.0%	0.0% #1B2D0C	RGB 27 45 12	#1B2D0C
16.7%	16.7% #2E461A	RGB 46 70 26	#2E461A
33.3%	33.3% #455F2E	RGB 69 95 46	#455F2E
50.0%	50.0% #5F7848	RGB 95 120 72	#5F7848
66.7%	66.7% #7C9168	RGB 124 145 104	#7C9168
83.3%	83.3% #9BAA8D	RGB 155 170 141	#9BAA8D
100.0%	100.0% #BEC3B9	RGB 190 195 185	#BEC3B9

#1B2D0C #2E461A #455F2E #5F7848 #7C9168 #9BAA8D #BEC3B9

#1B2D0C - #5F7848 - #BEC3B9

CSS codes

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

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