#A8F0C5 - #3BCB85 | 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 #A8F0C5 to #3BCB85

#A8F0C5 #3BCB85

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

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

0.0%	0.0% #A8F0C5	RGB 168 240 197	#A8F0C5
16.7%	16.7% #95E9BA	RGB 149 233 186	#95E9BA
33.3%	33.3% #83E3AF	RGB 131 227 175	#83E3AF
50.0%	50.0% #71DDA5	RGB 113 221 165	#71DDA5
66.7%	66.7% #5FD79A	RGB 95 215 154	#5FD79A
83.3%	83.3% #4DD18F	RGB 77 209 143	#4DD18F
100.0%	100.0% #3BCB85	RGB 59 203 133	#3BCB85

#A8F0C5 #95E9BA #83E3AF #71DDA5 #5FD79A #4DD18F #3BCB85

#A8F0C5 - #3BCB85

HSV Blend

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

0.0%	0.0% #A8F0C5	RGB 168 240 197	#A8F0C5
16.7%	16.7% #93E9B8	RGB 147 233 184	#93E9B8
33.3%	33.3% #80E3AC	RGB 128 227 172	#80E3AC
50.0%	50.0% #6DDDA0	RGB 109 221 160	#6DDDA0
66.7%	66.7% #5BD796	RGB 91 215 150	#5BD796
83.3%	83.3% #4BD18D	RGB 75 209 141	#4BD18D
100.0%	100.0% #3BCB85	RGB 59 203 133	#3BCB85

#A8F0C5 #93E9B8 #80E3AC #6DDDA0 #5BD796 #4BD18D #3BCB85

#A8F0C5 - #6DDDA0 - #3BCB85

CSS codes

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

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