#A2FFF5 - #28E5DB | 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 #A2FFF5 to #28E5DB

#A2FFF5 #28E5DB

Calculate the color between two colors, #A2FFF5 and #28E5DB. 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)

#A2FFF5 - #28E5DB | 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 #A2FFF5 as 0% and #28E5DB as 100%.

0.0%	0.0% #A2FFF5	RGB 162 255 245	#A2FFF5
16.7%	16.7% #8DFAF0	RGB 141 250 240	#8DFAF0
33.3%	33.3% #79F6EC	RGB 121 246 236	#79F6EC
50.0%	50.0% #65F2E8	RGB 101 242 232	#65F2E8
66.7%	66.7% #50EDE3	RGB 80 237 227	#50EDE3
83.3%	83.3% #3CE9DF	RGB 60 233 223	#3CE9DF
100.0%	100.0% #28E5DB	RGB 40 229 219	#28E5DB

#A2FFF5 #8DFAF0 #79F6EC #65F2E8 #50EDE3 #3CE9DF #28E5DB

#A2FFF5 - #28E5DB

HSV Blend

#A2FFF5 - #28E5DB | 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 #A2FFF5 as 0% and #28E5DB as 100%.

0.0%	0.0% #A2FFF5	RGB 162 255 245	#A2FFF5
16.7%	16.7% #8CFAEF	RGB 140 250 239	#8CFAEF
33.3%	33.3% #76F6EA	RGB 118 246 234	#76F6EA
50.0%	50.0% #62F2E6	RGB 98 242 230	#62F2E6
66.7%	66.7% #4EEDE2	RGB 78 237 226	#4EEDE2
83.3%	83.3% #3AE9DE	RGB 58 233 222	#3AE9DE
100.0%	100.0% #28E5DB	RGB 40 229 219	#28E5DB

#A2FFF5 #8CFAEF #76F6EA #62F2E6 #4EEDE2 #3AE9DE #28E5DB

#A2FFF5 - #62F2E6 - #28E5DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2FFF5 0%, #62F2E6 50%, #28E5DB 100%);
    background: -webkit-linear-gradient(top, #A2FFF5 0%, #62F2E6 50%, #28E5DB 100%);
    background: linear-gradient(to bottom, #A2FFF5 0%, #62F2E6 50%, #28E5DB 100%);
}
</style>