#1E3C0C - #BEC7B9 | 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 #1E3C0C to #BEC7B9

#1E3C0C #BEC7B9

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

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

0.0%	0.0% #1E3C0C	RGB 30 60 12	#1E3C0C
16.7%	16.7% #385328	RGB 56 83 40	#385328
33.3%	33.3% #536A45	RGB 83 106 69	#536A45
50.0%	50.0% #6E8162	RGB 110 129 98	#6E8162
66.7%	66.7% #88987F	RGB 136 152 127	#88987F
83.3%	83.3% #A3AF9C	RGB 163 175 156	#A3AF9C
100.0%	100.0% #BEC7B9	RGB 190 199 185	#BEC7B9

#1E3C0C #385328 #536A45 #6E8162 #88987F #A3AF9C #BEC7B9

#1E3C0C - #BEC7B9

HSV Blend

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

0.0%	0.0% #1D3C0C	RGB 29 60 12	#1D3C0C
16.7%	16.7% #2F531A	RGB 47 83 26	#2F531A
33.3%	33.3% #446A2F	RGB 68 106 47	#446A2F
50.0%	50.0% #5D8149	RGB 93 129 73	#5D8149
66.7%	66.7% #7A9868	RGB 122 152 104	#7A9868
83.3%	83.3% #9AAF8E	RGB 154 175 142	#9AAF8E
100.0%	100.0% #BEC7B9	RGB 190 199 185	#BEC7B9

#1D3C0C #2F531A #446A2F #5D8149 #7A9868 #9AAF8E #BEC7B9

#1E3C0C - #5D8149 - #BEC7B9

CSS codes

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

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