#3B541C - #162F03 | 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 #3B541C to #162F03

#3B541C #162F03

Calculate the color between two colors, #3B541C and #162F03. 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)

#3B541C - #162F03 | 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 #3B541C as 0% and #162F03 as 100%.

0.0%	0.0% #3B541C	RGB 59 84 28	#3B541C
16.7%	16.7% #344D17	RGB 52 77 23	#344D17
33.3%	33.3% #2E4713	RGB 46 71 19	#2E4713
50.0%	50.0% #28410F	RGB 40 65 15	#28410F
66.7%	66.7% #223B0B	RGB 34 59 11	#223B0B
83.3%	83.3% #1C3507	RGB 28 53 7	#1C3507
100.0%	100.0% #162F03	RGB 22 47 3	#162F03

#3B541C #344D17 #2E4713 #28410F #223B0B #1C3507 #162F03

#3B541C - #162F03

HSV Blend

#3B541C - #162F03 | 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 #3B541C as 0% and #162F03 as 100%.

0.0%	0.0% #3B541C	RGB 59 84 28	#3B541C
16.7%	16.7% #334D16	RGB 51 77 22	#334D16
33.3%	33.3% #2D4711	RGB 45 71 17	#2D4711
50.0%	50.0% #26410D	RGB 38 65 13	#26410D
66.7%	66.7% #203B09	RGB 32 59 9	#203B09
83.3%	83.3% #1B3505	RGB 27 53 5	#1B3505
100.0%	100.0% #162F03	RGB 22 47 3	#162F03

#3B541C #334D16 #2D4711 #26410D #203B09 #1B3505 #162F03

#3B541C - #26410D - #162F03

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B541C 0%, #26410D 50%, #162F03 100%);
    background: -webkit-linear-gradient(top, #3B541C 0%, #26410D 50%, #162F03 100%);
    background: linear-gradient(to bottom, #3B541C 0%, #26410D 50%, #162F03 100%);
}
</style>