#A8F5D2 - #3FD2A6 | 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 #A8F5D2 to #3FD2A6

#A8F5D2 #3FD2A6

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

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

0.0%	0.0% #A8F5D2	RGB 168 245 210	#A8F5D2
16.7%	16.7% #96EFCA	RGB 150 239 202	#96EFCA
33.3%	33.3% #85E9C3	RGB 133 233 195	#85E9C3
50.0%	50.0% #73E3BC	RGB 115 227 188	#73E3BC
66.7%	66.7% #62DDB4	RGB 98 221 180	#62DDB4
83.3%	83.3% #50D7AD	RGB 80 215 173	#50D7AD
100.0%	100.0% #3FD2A6	RGB 63 210 166	#3FD2A6

#A8F5D2 #96EFCA #85E9C3 #73E3BC #62DDB4 #50D7AD #3FD2A6

#A8F5D2 - #3FD2A6

HSV Blend

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

0.0%	0.0% #A8F5D2	RGB 168 245 210	#A8F5D2
16.7%	16.7% #94EFC8	RGB 148 239 200	#94EFC8
33.3%	33.3% #82E9BF	RGB 130 233 191	#82E9BF
50.0%	50.0% #70E3B8	RGB 112 227 184	#70E3B8
66.7%	66.7% #5FDDB1	RGB 95 221 177	#5FDDB1
83.3%	83.3% #4ED7AB	RGB 78 215 171	#4ED7AB
100.0%	100.0% #3FD2A6	RGB 63 210 166	#3FD2A6

#A8F5D2 #94EFC8 #82E9BF #70E3B8 #5FDDB1 #4ED7AB #3FD2A6

#A8F5D2 - #70E3B8 - #3FD2A6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8F5D2 0%, #70E3B8 50%, #3FD2A6 100%);
    background: -webkit-linear-gradient(top, #A8F5D2 0%, #70E3B8 50%, #3FD2A6 100%);
    background: linear-gradient(to bottom, #A8F5D2 0%, #70E3B8 50%, #3FD2A6 100%);
}
</style>