#40483B - #ADBA5E | 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 #40483B to #ADBA5E

#40483B #ADBA5E

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

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

0.0%	0.0% #40483B	RGB 64 72 59	#40483B
16.7%	16.7% #525B40	RGB 82 91 64	#525B40
33.3%	33.3% #646E46	RGB 100 110 70	#646E46
50.0%	50.0% #76814C	RGB 118 129 76	#76814C
66.7%	66.7% #889452	RGB 136 148 82	#889452
83.3%	83.3% #9AA758	RGB 154 167 88	#9AA758
100.0%	100.0% #ADBA5E	RGB 173 186 94	#ADBA5E

#40483B #525B40 #646E46 #76814C #889452 #9AA758 #ADBA5E

#40483B - #ADBA5E

HSV Blend

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

0.0%	0.0% #40483B	RGB 64 72 59	#40483B
16.7%	16.7% #4F5B45	RGB 79 91 69	#4F5B45
33.3%	33.3% #5F6E4E	RGB 95 110 78	#5F6E4E
50.0%	50.0% #708155	RGB 112 129 85	#708155
66.7%	66.7% #82945A	RGB 130 148 90	#82945A
83.3%	83.3% #96A75D	RGB 150 167 93	#96A75D
100.0%	100.0% #ADBA5E	RGB 173 186 94	#ADBA5E

#40483B #4F5B45 #5F6E4E #708155 #82945A #96A75D #ADBA5E

#40483B - #708155 - #ADBA5E

CSS codes

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

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