#A0FFFC - #23CEA6 | 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 #A0FFFC to #23CEA6

#A0FFFC #23CEA6

Calculate the color between two colors, #A0FFFC and #23CEA6. 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)

#A0FFFC - #23CEA6 | 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 #A0FFFC as 0% and #23CEA6 as 100%.

0.0%	0.0% #A0FFFC	RGB 160 255 252	#A0FFFC
16.7%	16.7% #8BF6ED	RGB 139 246 237	#8BF6ED
33.3%	33.3% #76EEDF	RGB 118 238 223	#76EEDF
50.0%	50.0% #61E6D1	RGB 97 230 209	#61E6D1
66.7%	66.7% #4CDEC2	RGB 76 222 194	#4CDEC2
83.3%	83.3% #37D6B4	RGB 55 214 180	#37D6B4
100.0%	100.0% #23CEA6	RGB 35 206 166	#23CEA6

#A0FFFC #8BF6ED #76EEDF #61E6D1 #4CDEC2 #37D6B4 #23CEA6

#A0FFFC - #23CEA6

HSV Blend

#A0FFFC - #23CEA6 | 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 #A0FFFC as 0% and #23CEA6 as 100%.

0.0%	0.0% #A0FFFC	RGB 160 255 252	#A0FFFC
16.7%	16.7% #88F6EF	RGB 136 246 239	#88F6EF
33.3%	33.3% #71EEE2	RGB 113 238 226	#71EEE2
50.0%	50.0% #5BE6D4	RGB 91 230 212	#5BE6D4
66.7%	66.7% #47DEC5	RGB 71 222 197	#47DEC5
83.3%	83.3% #34D6B5	RGB 52 214 181	#34D6B5
100.0%	100.0% #23CEA6	RGB 35 206 166	#23CEA6

#A0FFFC #88F6EF #71EEE2 #5BE6D4 #47DEC5 #34D6B5 #23CEA6

#A0FFFC - #5BE6D4 - #23CEA6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0FFFC 0%, #5BE6D4 50%, #23CEA6 100%);
    background: -webkit-linear-gradient(top, #A0FFFC 0%, #5BE6D4 50%, #23CEA6 100%);
    background: linear-gradient(to bottom, #A0FFFC 0%, #5BE6D4 50%, #23CEA6 100%);
}
</style>