#1C2A00 - #BDC2B6 | 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 #1C2A00 to #BDC2B6

#1C2A00 #BDC2B6

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

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

0.0%	0.0% #1C2A00	RGB 28 42 0	#1C2A00
16.7%	16.7% #36431E	RGB 54 67 30	#36431E
33.3%	33.3% #515C3C	RGB 81 92 60	#515C3C
50.0%	50.0% #6C765B	RGB 108 118 91	#6C765B
66.7%	66.7% #878F79	RGB 135 143 121	#878F79
83.3%	83.3% #A2A897	RGB 162 168 151	#A2A897
100.0%	100.0% #BDC2B6	RGB 189 194 182	#BDC2B6

#1C2A00 #36431E #515C3C #6C765B #878F79 #A2A897 #BDC2B6

#1C2A00 - #BDC2B6

HSV Blend

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

0.0%	0.0% #1C2A00	RGB 28 42 0	#1C2A00
16.7%	16.7% #2F430A	RGB 47 67 10	#2F430A
33.3%	33.3% #455C1C	RGB 69 92 28	#455C1C
50.0%	50.0% #5E7637	RGB 94 118 55	#5E7637
66.7%	66.7% #7A8F59	RGB 122 143 89	#7A8F59
83.3%	83.3% #99A883	RGB 153 168 131	#99A883
100.0%	100.0% #BDC2B6	RGB 189 194 182	#BDC2B6

#1C2A00 #2F430A #455C1C #5E7637 #7A8F59 #99A883 #BDC2B6

#1C2A00 - #5E7637 - #BDC2B6

CSS codes

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

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