#A2FFFA - #26CEA4 | 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 #A2FFFA to #26CEA4

#A2FFFA #26CEA4

Calculate the color between two colors, #A2FFFA and #26CEA4. 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)

#A2FFFA - #26CEA4 | 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 #A2FFFA as 0% and #26CEA4 as 100%.

0.0%	0.0% #A2FFFA	RGB 162 255 250	#A2FFFA
16.7%	16.7% #8DF6EB	RGB 141 246 235	#8DF6EB
33.3%	33.3% #78EEDD	RGB 120 238 221	#78EEDD
50.0%	50.0% #64E6CF	RGB 100 230 207	#64E6CF
66.7%	66.7% #4FDEC0	RGB 79 222 192	#4FDEC0
83.3%	83.3% #3AD6B2	RGB 58 214 178	#3AD6B2
100.0%	100.0% #26CEA4	RGB 38 206 164	#26CEA4

#A2FFFA #8DF6EB #78EEDD #64E6CF #4FDEC0 #3AD6B2 #26CEA4

#A2FFFA - #26CEA4

HSV Blend

#A2FFFA - #26CEA4 | 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 #A2FFFA as 0% and #26CEA4 as 100%.

0.0%	0.0% #A2FFFA	RGB 162 255 250	#A2FFFA
16.7%	16.7% #8AF6ED	RGB 138 246 237	#8AF6ED
33.3%	33.3% #73EEE0	RGB 115 238 224	#73EEE0
50.0%	50.0% #5EE6D1	RGB 94 230 209	#5EE6D1
66.7%	66.7% #4ADEC3	RGB 74 222 195	#4ADEC3
83.3%	83.3% #37D6B3	RGB 55 214 179	#37D6B3
100.0%	100.0% #26CEA4	RGB 38 206 164	#26CEA4

#A2FFFA #8AF6ED #73EEE0 #5EE6D1 #4ADEC3 #37D6B3 #26CEA4

#A2FFFA - #5EE6D1 - #26CEA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2FFFA 0%, #5EE6D1 50%, #26CEA4 100%);
    background: -webkit-linear-gradient(top, #A2FFFA 0%, #5EE6D1 50%, #26CEA4 100%);
    background: linear-gradient(to bottom, #A2FFFA 0%, #5EE6D1 50%, #26CEA4 100%);
}
</style>