#AAE5E4 - #38BCBC | 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 #AAE5E4 to #38BCBC

#AAE5E4 #38BCBC

Calculate the color between two colors, #AAE5E4 and #38BCBC. 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)

#AAE5E4 - #38BCBC | 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 #AAE5E4 as 0% and #38BCBC as 100%.

0.0%	0.0% #AAE5E4	RGB 170 229 228	#AAE5E4
16.7%	16.7% #97DEDD	RGB 151 222 221	#97DEDD
33.3%	33.3% #84D7D6	RGB 132 215 214	#84D7D6
50.0%	50.0% #71D0D0	RGB 113 208 208	#71D0D0
66.7%	66.7% #5EC9C9	RGB 94 201 201	#5EC9C9
83.3%	83.3% #4BC2C2	RGB 75 194 194	#4BC2C2
100.0%	100.0% #38BCBC	RGB 56 188 188	#38BCBC

#AAE5E4 #97DEDD #84D7D6 #71D0D0 #5EC9C9 #4BC2C2 #38BCBC

#AAE5E4 - #38BCBC

HSV Blend

#AAE5E4 - #38BCBC | 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 #AAE5E4 as 0% and #38BCBC as 100%.

0.0%	0.0% #AAE5E4	RGB 170 229 228	#AAE5E4
16.7%	16.7% #94DEDD	RGB 148 222 221	#94DEDD
33.3%	33.3% #7FD7D6	RGB 127 215 214	#7FD7D6
50.0%	50.0% #6CD0CF	RGB 108 208 207	#6CD0CF
66.7%	66.7% #59C9C9	RGB 89 201 201	#59C9C9
83.3%	83.3% #48C2C2	RGB 72 194 194	#48C2C2
100.0%	100.0% #38BCBC	RGB 56 188 188	#38BCBC

#AAE5E4 #94DEDD #7FD7D6 #6CD0CF #59C9C9 #48C2C2 #38BCBC

#AAE5E4 - #6CD0CF - #38BCBC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAE5E4 0%, #6CD0CF 50%, #38BCBC 100%);
    background: -webkit-linear-gradient(top, #AAE5E4 0%, #6CD0CF 50%, #38BCBC 100%);
    background: linear-gradient(to bottom, #AAE5E4 0%, #6CD0CF 50%, #38BCBC 100%);
}
</style>