#A8F0BA - #3FCA7A | 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 #A8F0BA to #3FCA7A

#A8F0BA #3FCA7A

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

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

0.0%	0.0% #A8F0BA	RGB 168 240 186	#A8F0BA
16.7%	16.7% #96E9AF	RGB 150 233 175	#96E9AF
33.3%	33.3% #85E3A4	RGB 133 227 164	#85E3A4
50.0%	50.0% #73DD9A	RGB 115 221 154	#73DD9A
66.7%	66.7% #62D68F	RGB 98 214 143	#62D68F
83.3%	83.3% #50D084	RGB 80 208 132	#50D084
100.0%	100.0% #3FCA7A	RGB 63 202 122	#3FCA7A

#A8F0BA #96E9AF #85E3A4 #73DD9A #62D68F #50D084 #3FCA7A

#A8F0BA - #3FCA7A

HSV Blend

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

0.0%	0.0% #A8F0BA	RGB 168 240 186	#A8F0BA
16.7%	16.7% #94E9AC	RGB 148 233 172	#94E9AC
33.3%	33.3% #81E39F	RGB 129 227 159	#81E39F
50.0%	50.0% #6FDD94	RGB 111 221 148	#6FDD94
66.7%	66.7% #5ED68A	RGB 94 214 138	#5ED68A
83.3%	83.3% #4ED081	RGB 78 208 129	#4ED081
100.0%	100.0% #3FCA7A	RGB 63 202 122	#3FCA7A

#A8F0BA #94E9AC #81E39F #6FDD94 #5ED68A #4ED081 #3FCA7A

#A8F0BA - #6FDD94 - #3FCA7A

CSS codes

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

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