#A8FFD2 - #3FE2A8 | 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 #A8FFD2 to #3FE2A8

#A8FFD2 #3FE2A8

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

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

0.0%	0.0% #A8FFD2	RGB 168 255 210	#A8FFD2
16.7%	16.7% #96FACB	RGB 150 250 203	#96FACB
33.3%	33.3% #85F5C4	RGB 133 245 196	#85F5C4
50.0%	50.0% #73F0BD	RGB 115 240 189	#73F0BD
66.7%	66.7% #62EBB6	RGB 98 235 182	#62EBB6
83.3%	83.3% #50E6AF	RGB 80 230 175	#50E6AF
100.0%	100.0% #3FE2A8	RGB 63 226 168	#3FE2A8

#A8FFD2 #96FACB #85F5C4 #73F0BD #62EBB6 #50E6AF #3FE2A8

#A8FFD2 - #3FE2A8

HSV Blend

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

0.0%	0.0% #A8FFD2	RGB 168 255 210	#A8FFD2
16.7%	16.7% #94FAC8	RGB 148 250 200	#94FAC8
33.3%	33.3% #82F5C0	RGB 130 245 192	#82F5C0
50.0%	50.0% #70F0B8	RGB 112 240 184	#70F0B8
66.7%	66.7% #5FEBB2	RGB 95 235 178	#5FEBB2
83.3%	83.3% #4EE6AC	RGB 78 230 172	#4EE6AC
100.0%	100.0% #3FE2A8	RGB 63 226 168	#3FE2A8

#A8FFD2 #94FAC8 #82F5C0 #70F0B8 #5FEBB2 #4EE6AC #3FE2A8

#A8FFD2 - #70F0B8 - #3FE2A8

CSS codes

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

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