#A8C063 - #30361C | 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 #A8C063 to #30361C

#A8C063 #30361C

Calculate the color between two colors, #A8C063 and #30361C. 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)

#A8C063 - #30361C | 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 #A8C063 as 0% and #30361C as 100%.

0.0%	0.0% #A8C063	RGB 168 192 99	#A8C063
16.7%	16.7% #94A957	RGB 148 169 87	#94A957
33.3%	33.3% #80924B	RGB 128 146 75	#80924B
50.0%	50.0% #6C7B3F	RGB 108 123 63	#6C7B3F
66.7%	66.7% #586433	RGB 88 100 51	#586433
83.3%	83.3% #444D27	RGB 68 77 39	#444D27
100.0%	100.0% #30361C	RGB 48 54 28	#30361C

#A8C063 #94A957 #80924B #6C7B3F #586433 #444D27 #30361C

#A8C063 - #30361C

HSV Blend

#A8C063 - #30361C | 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 #A8C063 as 0% and #30361C as 100%.

0.0%	0.0% #A8C063	RGB 168 192 99	#A8C063
16.7%	16.7% #94A957	RGB 148 169 87	#94A957
33.3%	33.3% #80924B	RGB 128 146 75	#80924B
50.0%	50.0% #6C7B3F	RGB 108 123 63	#6C7B3F
66.7%	66.7% #586433	RGB 88 100 51	#586433
83.3%	83.3% #444D27	RGB 68 77 39	#444D27
100.0%	100.0% #30361C	RGB 48 54 28	#30361C

#A8C063 #94A957 #80924B #6C7B3F #586433 #444D27 #30361C

#A8C063 - #6C7B3F - #30361C

CSS codes

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

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