#A8FFF0 - #4FEDC8 | 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 #A8FFF0 to #4FEDC8

#A8FFF0 #4FEDC8

Calculate the color between two colors, #A8FFF0 and #4FEDC8. 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)

#A8FFF0 - #4FEDC8 | 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 #A8FFF0 as 0% and #4FEDC8 as 100%.

0.0%	0.0% #A8FFF0	RGB 168 255 240	#A8FFF0
16.7%	16.7% #99FCE9	RGB 153 252 233	#99FCE9
33.3%	33.3% #8AF9E2	RGB 138 249 226	#8AF9E2
50.0%	50.0% #7BF6DC	RGB 123 246 220	#7BF6DC
66.7%	66.7% #6CF3D5	RGB 108 243 213	#6CF3D5
83.3%	83.3% #5DF0CE	RGB 93 240 206	#5DF0CE
100.0%	100.0% #4FEDC8	RGB 79 237 200	#4FEDC8

#A8FFF0 #99FCE9 #8AF9E2 #7BF6DC #6CF3D5 #5DF0CE #4FEDC8

#A8FFF0 - #4FEDC8

HSV Blend

#A8FFF0 - #4FEDC8 | 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 #A8FFF0 as 0% and #4FEDC8 as 100%.

0.0%	0.0% #A8FFF0	RGB 168 255 240	#A8FFF0
16.7%	16.7% #98FCE9	RGB 152 252 233	#98FCE9
33.3%	33.3% #89F9E3	RGB 137 249 227	#89F9E3
50.0%	50.0% #7AF6DC	RGB 122 246 220	#7AF6DC
66.7%	66.7% #6BF3D6	RGB 107 243 214	#6BF3D6
83.3%	83.3% #5DF0CF	RGB 93 240 207	#5DF0CF
100.0%	100.0% #4FEDC8	RGB 79 237 200	#4FEDC8

#A8FFF0 #98FCE9 #89F9E3 #7AF6DC #6BF3D6 #5DF0CF #4FEDC8

#A8FFF0 - #7AF6DC - #4FEDC8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8FFF0 0%, #7AF6DC 50%, #4FEDC8 100%);
    background: -webkit-linear-gradient(top, #A8FFF0 0%, #7AF6DC 50%, #4FEDC8 100%);
    background: linear-gradient(to bottom, #A8FFF0 0%, #7AF6DC 50%, #4FEDC8 100%);
}
</style>