#A2FFE2 - #2DCDBF | 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 #A2FFE2 to #2DCDBF

#A2FFE2 #2DCDBF

Calculate the color between two colors, #A2FFE2 and #2DCDBF. 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)

#A2FFE2 - #2DCDBF | 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 #A2FFE2 as 0% and #2DCDBF as 100%.

0.0%	0.0% #A2FFE2	RGB 162 255 226	#A2FFE2
16.7%	16.7% #8EF6DC	RGB 142 246 220	#8EF6DC
33.3%	33.3% #7BEED6	RGB 123 238 214	#7BEED6
50.0%	50.0% #67E6D0	RGB 103 230 208	#67E6D0
66.7%	66.7% #54DDCA	RGB 84 221 202	#54DDCA
83.3%	83.3% #40D5C4	RGB 64 213 196	#40D5C4
100.0%	100.0% #2DCDBF	RGB 45 205 191	#2DCDBF

#A2FFE2 #8EF6DC #7BEED6 #67E6D0 #54DDCA #40D5C4 #2DCDBF

#A2FFE2 - #2DCDBF

HSV Blend

#A2FFE2 - #2DCDBF | 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 #A2FFE2 as 0% and #2DCDBF as 100%.

0.0%	0.0% #A2FFE2	RGB 162 255 226	#A2FFE2
16.7%	16.7% #8BF6D9	RGB 139 246 217	#8BF6D9
33.3%	33.3% #76EED1	RGB 118 238 209	#76EED1
50.0%	50.0% #62E6CB	RGB 98 230 203	#62E6CB
66.7%	66.7% #4FDDC6	RGB 79 221 198	#4FDDC6
83.3%	83.3% #3DD5C2	RGB 61 213 194	#3DD5C2
100.0%	100.0% #2DCDBF	RGB 45 205 191	#2DCDBF

#A2FFE2 #8BF6D9 #76EED1 #62E6CB #4FDDC6 #3DD5C2 #2DCDBF

#A2FFE2 - #62E6CB - #2DCDBF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2FFE2 0%, #62E6CB 50%, #2DCDBF 100%);
    background: -webkit-linear-gradient(top, #A2FFE2 0%, #62E6CB 50%, #2DCDBF 100%);
    background: linear-gradient(to bottom, #A2FFE2 0%, #62E6CB 50%, #2DCDBF 100%);
}
</style>