#1E2B0C - #BEC2B9 | 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 #1E2B0C to #BEC2B9

#1E2B0C #BEC2B9

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

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

0.0%	0.0% #1E2B0C	RGB 30 43 12	#1E2B0C
16.7%	16.7% #384428	RGB 56 68 40	#384428
33.3%	33.3% #535D45	RGB 83 93 69	#535D45
50.0%	50.0% #6E7662	RGB 110 118 98	#6E7662
66.7%	66.7% #888F7F	RGB 136 143 127	#888F7F
83.3%	83.3% #A3A89C	RGB 163 168 156	#A3A89C
100.0%	100.0% #BEC2B9	RGB 190 194 185	#BEC2B9

#1E2B0C #384428 #535D45 #6E7662 #888F7F #A3A89C #BEC2B9

#1E2B0C - #BEC2B9

HSV Blend

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

0.0%	0.0% #1E2B0C	RGB 30 43 12	#1E2B0C
16.7%	16.7% #32441A	RGB 50 68 26	#32441A
33.3%	33.3% #495D2F	RGB 73 93 47	#495D2F
50.0%	50.0% #627649	RGB 98 118 73	#627649
66.7%	66.7% #7E8F68	RGB 126 143 104	#7E8F68
83.3%	83.3% #9DA88E	RGB 157 168 142	#9DA88E
100.0%	100.0% #BEC2B9	RGB 190 194 185	#BEC2B9

#1E2B0C #32441A #495D2F #627649 #7E8F68 #9DA88E #BEC2B9

#1E2B0C - #627649 - #BEC2B9

CSS codes

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

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