#A8EED9 - #4EBFAB | 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 #A8EED9 to #4EBFAB

#A8EED9 #4EBFAB

Calculate the color between two colors, #A8EED9 and #4EBFAB. 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)

#A8EED9 - #4EBFAB | 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 #A8EED9 as 0% and #4EBFAB as 100%.

0.0%	0.0% #A8EED9	RGB 168 238 217	#A8EED9
16.7%	16.7% #99E6D1	RGB 153 230 209	#99E6D1
33.3%	33.3% #8ADEC9	RGB 138 222 201	#8ADEC9
50.0%	50.0% #7BD6C2	RGB 123 214 194	#7BD6C2
66.7%	66.7% #6CCEBA	RGB 108 206 186	#6CCEBA
83.3%	83.3% #5DC6B2	RGB 93 198 178	#5DC6B2
100.0%	100.0% #4EBFAB	RGB 78 191 171	#4EBFAB

#A8EED9 #99E6D1 #8ADEC9 #7BD6C2 #6CCEBA #5DC6B2 #4EBFAB

#A8EED9 - #4EBFAB

HSV Blend

#A8EED9 - #4EBFAB | 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 #A8EED9 as 0% and #4EBFAB as 100%.

0.0%	0.0% #A8EED9	RGB 168 238 217	#A8EED9
16.7%	16.7% #97E6D0	RGB 151 230 208	#97E6D0
33.3%	33.3% #86DEC7	RGB 134 222 199	#86DEC7
50.0%	50.0% #77D6BF	RGB 119 214 191	#77D6BF
66.7%	66.7% #68CEB8	RGB 104 206 184	#68CEB8
83.3%	83.3% #5BC6B1	RGB 91 198 177	#5BC6B1
100.0%	100.0% #4EBFAB	RGB 78 191 171	#4EBFAB

#A8EED9 #97E6D0 #86DEC7 #77D6BF #68CEB8 #5BC6B1 #4EBFAB

#A8EED9 - #77D6BF - #4EBFAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8EED9 0%, #77D6BF 50%, #4EBFAB 100%);
    background: -webkit-linear-gradient(top, #A8EED9 0%, #77D6BF 50%, #4EBFAB 100%);
    background: linear-gradient(to bottom, #A8EED9 0%, #77D6BF 50%, #4EBFAB 100%);
}
</style>