#4A8D8D - #ACCC99 | 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 #4A8D8D to #ACCC99

#4A8D8D #ACCC99

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

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

0.0%	0.0% #4A8D8D	RGB 74 141 141	#4A8D8D
16.7%	16.7% #5A978F	RGB 90 151 143	#5A978F
33.3%	33.3% #6AA291	RGB 106 162 145	#6AA291
50.0%	50.0% #7BAC93	RGB 123 172 147	#7BAC93
66.7%	66.7% #8BB795	RGB 139 183 149	#8BB795
83.3%	83.3% #9BC197	RGB 155 193 151	#9BC197
100.0%	100.0% #ACCC99	RGB 172 204 153	#ACCC99

#4A8D8D #5A978F #6AA291 #7BAC93 #8BB795 #9BC197 #ACCC99

#4A8D8D - #ACCC99

HSV Blend

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

0.0%	0.0% #4A8D8D	RGB 74 141 141	#4A8D8D
16.7%	16.7% #559788	RGB 85 151 136	#559788
33.3%	33.3% #61A284	RGB 97 162 132	#61A284
50.0%	50.0% #6DAC81	RGB 109 172 129	#6DAC81
66.7%	66.7% #7BB780	RGB 123 183 128	#7BB780
83.3%	83.3% #91C189	RGB 145 193 137	#91C189
100.0%	100.0% #ACCC99	RGB 172 204 153	#ACCC99

#4A8D8D #559788 #61A284 #6DAC81 #7BB780 #91C189 #ACCC99

#4A8D8D - #6DAC81 - #ACCC99

CSS codes

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

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