#A1FFBB - #3FDF8C | 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 #A1FFBB to #3FDF8C

#A1FFBB #3FDF8C

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

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

0.0%	0.0% #A1FFBB	RGB 161 255 187	#A1FFBB
16.7%	16.7% #90F9B3	RGB 144 249 179	#90F9B3
33.3%	33.3% #80F4AB	RGB 128 244 171	#80F4AB
50.0%	50.0% #70EFA3	RGB 112 239 163	#70EFA3
66.7%	66.7% #5FE99B	RGB 95 233 155	#5FE99B
83.3%	83.3% #4FE493	RGB 79 228 147	#4FE493
100.0%	100.0% #3FDF8C	RGB 63 223 140	#3FDF8C

#A1FFBB #90F9B3 #80F4AB #70EFA3 #5FE99B #4FE493 #3FDF8C

#A1FFBB - #3FDF8C

HSV Blend

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

0.0%	0.0% #A1FFBB	RGB 161 255 187	#A1FFBB
16.7%	16.7% #8FF9B0	RGB 143 249 176	#8FF9B0
33.3%	33.3% #7DF4A6	RGB 125 244 166	#7DF4A6
50.0%	50.0% #6DEF9E	RGB 109 239 158	#6DEF9E
66.7%	66.7% #5DE997	RGB 93 233 151	#5DE997
83.3%	83.3% #4DE491	RGB 77 228 145	#4DE491
100.0%	100.0% #3FDF8C	RGB 63 223 140	#3FDF8C

#A1FFBB #8FF9B0 #7DF4A6 #6DEF9E #5DE997 #4DE491 #3FDF8C

#A1FFBB - #6DEF9E - #3FDF8C

CSS codes

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

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