#A8AD4C - #303115 | 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 #A8AD4C to #303115

#A8AD4C #303115

Calculate the color between two colors, #A8AD4C and #303115. 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)

#A8AD4C - #303115 | 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 #A8AD4C as 0% and #303115 as 100%.

0.0%	0.0% #A8AD4C	RGB 168 173 76	#A8AD4C
16.7%	16.7% #949842	RGB 148 152 66	#949842
33.3%	33.3% #808339	RGB 128 131 57	#808339
50.0%	50.0% #6C6F30	RGB 108 111 48	#6C6F30
66.7%	66.7% #585A27	RGB 88 90 39	#585A27
83.3%	83.3% #44451E	RGB 68 69 30	#44451E
100.0%	100.0% #303115	RGB 48 49 21	#303115

#A8AD4C #949842 #808339 #6C6F30 #585A27 #44451E #303115

#A8AD4C - #303115

HSV Blend

#A8AD4C - #303115 | 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 #A8AD4C as 0% and #303115 as 100%.

0.0%	0.0% #A8AD4C	RGB 168 173 76	#A8AD4C
16.7%	16.7% #949842	RGB 148 152 66	#949842
33.3%	33.3% #808339	RGB 128 131 57	#808339
50.0%	50.0% #6C6F30	RGB 108 111 48	#6C6F30
66.7%	66.7% #585A27	RGB 88 90 39	#585A27
83.3%	83.3% #44451D	RGB 68 69 29	#44451D
100.0%	100.0% #303115	RGB 48 49 21	#303115

#A8AD4C #949842 #808339 #6C6F30 #585A27 #44451D #303115

#A8AD4C - #6C6F30 - #303115

CSS codes

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

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