#A8D4B9 - #3AA464 | 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 #A8D4B9 to #3AA464

#A8D4B9 #3AA464

Calculate the color between two colors, #A8D4B9 and #3AA464. 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)

#A8D4B9 - #3AA464 | 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 #A8D4B9 as 0% and #3AA464 as 100%.

0.0%	0.0% #A8D4B9	RGB 168 212 185	#A8D4B9
16.7%	16.7% #95CCAA	RGB 149 204 170	#95CCAA
33.3%	33.3% #83C49C	RGB 131 196 156	#83C49C
50.0%	50.0% #71BC8E	RGB 113 188 142	#71BC8E
66.7%	66.7% #5EB480	RGB 94 180 128	#5EB480
83.3%	83.3% #4CAC72	RGB 76 172 114	#4CAC72
100.0%	100.0% #3AA464	RGB 58 164 100	#3AA464

#A8D4B9 #95CCAA #83C49C #71BC8E #5EB480 #4CAC72 #3AA464

#A8D4B9 - #3AA464

HSV Blend

#A8D4B9 - #3AA464 | 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 #A8D4B9 as 0% and #3AA464 as 100%.

0.0%	0.0% #A8D4B9	RGB 168 212 185	#A8D4B9
16.7%	16.7% #92CCA8	RGB 146 204 168	#92CCA8
33.3%	33.3% #7EC499	RGB 126 196 153	#7EC499
50.0%	50.0% #6BBC8B	RGB 107 188 139	#6BBC8B
66.7%	66.7% #59B47D	RGB 89 180 125	#59B47D
83.3%	83.3% #49AC70	RGB 73 172 112	#49AC70
100.0%	100.0% #3AA464	RGB 58 164 100	#3AA464

#A8D4B9 #92CCA8 #7EC499 #6BBC8B #59B47D #49AC70 #3AA464

#A8D4B9 - #6BBC8B - #3AA464

CSS codes

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

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