#4A8478 - #AEC68C | 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 #4A8478 to #AEC68C

#4A8478 #AEC68C

Calculate the color between two colors, #4A8478 and #AEC68C. 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)

#4A8478 - #AEC68C | 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 #4A8478 as 0% and #AEC68C as 100%.

0.0%	0.0% #4A8478	RGB 74 132 120	#4A8478
16.7%	16.7% #5A8F7B	RGB 90 143 123	#5A8F7B
33.3%	33.3% #6B9A7E	RGB 107 154 126	#6B9A7E
50.0%	50.0% #7CA582	RGB 124 165 130	#7CA582
66.7%	66.7% #8CB085	RGB 140 176 133	#8CB085
83.3%	83.3% #9DBB88	RGB 157 187 136	#9DBB88
100.0%	100.0% #AEC68C	RGB 174 198 140	#AEC68C

#4A8478 #5A8F7B #6B9A7E #7CA582 #8CB085 #9DBB88 #AEC68C

#4A8478 - #AEC68C

HSV Blend

#4A8478 - #AEC68C | 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 #4A8478 as 0% and #AEC68C as 100%.

0.0%	0.0% #4A8478	RGB 74 132 120	#4A8478
16.7%	16.7% #538F75	RGB 83 143 117	#538F75
33.3%	33.3% #5D9A71	RGB 93 154 113	#5D9A71
50.0%	50.0% #68A56E	RGB 104 165 110	#68A56E
66.7%	66.7% #7BB073	RGB 123 176 115	#7BB073
83.3%	83.3% #94BB7F	RGB 148 187 127	#94BB7F
100.0%	100.0% #AEC68C	RGB 174 198 140	#AEC68C

#4A8478 #538F75 #5D9A71 #68A56E #7BB073 #94BB7F #AEC68C

#4A8478 - #68A56E - #AEC68C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8478 0%, #68A56E 50%, #AEC68C 100%);
    background: -webkit-linear-gradient(top, #4A8478 0%, #68A56E 50%, #AEC68C 100%);
    background: linear-gradient(to bottom, #4A8478 0%, #68A56E 50%, #AEC68C 100%);
}
</style>