#44483B - #BAAA5E | 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 #44483B to #BAAA5E

#44483B #BAAA5E

Calculate the color between two colors, #44483B and #BAAA5E. 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)

#44483B - #BAAA5E | 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 #44483B as 0% and #BAAA5E as 100%.

0.0%	0.0% #44483B	RGB 68 72 59	#44483B
16.7%	16.7% #575840	RGB 87 88 64	#575840
33.3%	33.3% #6B6846	RGB 107 104 70	#6B6846
50.0%	50.0% #7F794C	RGB 127 121 76	#7F794C
66.7%	66.7% #928952	RGB 146 137 82	#928952
83.3%	83.3% #A69958	RGB 166 153 88	#A69958
100.0%	100.0% #BAAA5E	RGB 186 170 94	#BAAA5E

#44483B #575840 #6B6846 #7F794C #928952 #A69958 #BAAA5E

#44483B - #BAAA5E

HSV Blend

#44483B - #BAAA5E | 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 #44483B as 0% and #BAAA5E as 100%.

0.0%	0.0% #44483B	RGB 68 72 59	#44483B
16.7%	16.7% #565B45	RGB 86 91 69	#565B45
33.3%	33.3% #696E4E	RGB 105 110 78	#696E4E
50.0%	50.0% #7E8155	RGB 126 129 85	#7E8155
66.7%	66.7% #94935A	RGB 148 147 90	#94935A
83.3%	83.3% #A7A05D	RGB 167 160 93	#A7A05D
100.0%	100.0% #BAAA5E	RGB 186 170 94	#BAAA5E

#44483B #565B45 #696E4E #7E8155 #94935A #A7A05D #BAAA5E

#44483B - #7E8155 - #BAAA5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44483B 0%, #7E8155 50%, #BAAA5E 100%);
    background: -webkit-linear-gradient(top, #44483B 0%, #7E8155 50%, #BAAA5E 100%);
    background: linear-gradient(to bottom, #44483B 0%, #7E8155 50%, #BAAA5E 100%);
}
</style>