#1C2416 - #546445 | 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 #1C2416 to #546445

#1C2416 #546445

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

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

0.0%	0.0% #1C2416	RGB 28 36 22	#1C2416
16.7%	16.7% #252E1D	RGB 37 46 29	#252E1D
33.3%	33.3% #2E3925	RGB 46 57 37	#2E3925
50.0%	50.0% #38442D	RGB 56 68 45	#38442D
66.7%	66.7% #414E35	RGB 65 78 53	#414E35
83.3%	83.3% #4A593D	RGB 74 89 61	#4A593D
100.0%	100.0% #546445	RGB 84 100 69	#546445

#1C2416 #252E1D #2E3925 #38442D #414E35 #4A593D #546445

#1C2416 - #546445

HSV Blend

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

0.0%	0.0% #1C2416	RGB 28 36 22	#1C2416
16.7%	16.7% #242E1D	RGB 36 46 29	#242E1D
33.3%	33.3% #2D3924	RGB 45 57 36	#2D3924
50.0%	50.0% #37442C	RGB 55 68 44	#37442C
66.7%	66.7% #404E34	RGB 64 78 52	#404E34
83.3%	83.3% #4A593C	RGB 74 89 60	#4A593C
100.0%	100.0% #546445	RGB 84 100 69	#546445

#1C2416 #242E1D #2D3924 #37442C #404E34 #4A593C #546445

#1C2416 - #37442C - #546445

CSS codes

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

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