#ABAD5E - #30311A | 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 #ABAD5E to #30311A

#ABAD5E #30311A

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

#ABAD5E - #30311A | 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 #ABAD5E as 0% and #30311A as 100%.

0.0%	0.0% #ABAD5E	RGB 171 173 94	#ABAD5E
16.7%	16.7% #969852	RGB 150 152 82	#969852
33.3%	33.3% #828347	RGB 130 131 71	#828347
50.0%	50.0% #6D6F3C	RGB 109 111 60	#6D6F3C
66.7%	66.7% #595A30	RGB 89 90 48	#595A30
83.3%	83.3% #444525	RGB 68 69 37	#444525
100.0%	100.0% #30311A	RGB 48 49 26	#30311A

#ABAD5E #969852 #828347 #6D6F3C #595A30 #444525 #30311A

#ABAD5E - #30311A

HSV Blend

#ABAD5E - #30311A | 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 #ABAD5E as 0% and #30311A as 100%.

0.0%	0.0% #ABAD5E	RGB 171 173 94	#ABAD5E
16.7%	16.7% #969852	RGB 150 152 82	#969852
33.3%	33.3% #818346	RGB 129 131 70	#818346
50.0%	50.0% #6D6F3B	RGB 109 111 59	#6D6F3B
66.7%	66.7% #585A30	RGB 88 90 48	#585A30
83.3%	83.3% #444525	RGB 68 69 37	#444525
100.0%	100.0% #30311A	RGB 48 49 26	#30311A

#ABAD5E #969852 #818346 #6D6F3B #585A30 #444525 #30311A

#ABAD5E - #6D6F3B - #30311A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABAD5E 0%, #6D6F3B 50%, #30311A 100%);
    background: -webkit-linear-gradient(top, #ABAD5E 0%, #6D6F3B 50%, #30311A 100%);
    background: linear-gradient(to bottom, #ABAD5E 0%, #6D6F3B 50%, #30311A 100%);
}
</style>