#748C5E - #20281A | 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 #748C5E to #20281A

#748C5E #20281A

Calculate the color between two colors, #748C5E and #20281A. 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)

#748C5E - #20281A | 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 #748C5E as 0% and #20281A as 100%.

0.0%	0.0% #748C5E	RGB 116 140 94	#748C5E
16.7%	16.7% #667B52	RGB 102 123 82	#667B52
33.3%	33.3% #586A47	RGB 88 106 71	#586A47
50.0%	50.0% #4A5A3C	RGB 74 90 60	#4A5A3C
66.7%	66.7% #3C4930	RGB 60 73 48	#3C4930
83.3%	83.3% #2E3825	RGB 46 56 37	#2E3825
100.0%	100.0% #20281A	RGB 32 40 26	#20281A

#748C5E #667B52 #586A47 #4A5A3C #3C4930 #2E3825 #20281A

#748C5E - #20281A

HSV Blend

#748C5E - #20281A | 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 #748C5E as 0% and #20281A as 100%.

0.0%	0.0% #748C5E	RGB 116 140 94	#748C5E
16.7%	16.7% #657B52	RGB 101 123 82	#657B52
33.3%	33.3% #576A46	RGB 87 106 70	#576A46
50.0%	50.0% #495A3B	RGB 73 90 59	#495A3B
66.7%	66.7% #3B4930	RGB 59 73 48	#3B4930
83.3%	83.3% #2D3825	RGB 45 56 37	#2D3825
100.0%	100.0% #20281A	RGB 32 40 26	#20281A

#748C5E #657B52 #576A46 #495A3B #3B4930 #2D3825 #20281A

#748C5E - #495A3B - #20281A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #748C5E 0%, #495A3B 50%, #20281A 100%);
    background: -webkit-linear-gradient(top, #748C5E 0%, #495A3B 50%, #20281A 100%);
    background: linear-gradient(to bottom, #748C5E 0%, #495A3B 50%, #20281A 100%);
}
</style>