#AAE3DB - #3CB8AF | 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 #AAE3DB to #3CB8AF

#AAE3DB #3CB8AF

Calculate the color between two colors, #AAE3DB and #3CB8AF. 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)

#AAE3DB - #3CB8AF | 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 #AAE3DB as 0% and #3CB8AF as 100%.

0.0%	0.0% #AAE3DB	RGB 170 227 219	#AAE3DB
16.7%	16.7% #97DBD3	RGB 151 219 211	#97DBD3
33.3%	33.3% #85D4CC	RGB 133 212 204	#85D4CC
50.0%	50.0% #73CDC5	RGB 115 205 197	#73CDC5
66.7%	66.7% #60C6BD	RGB 96 198 189	#60C6BD
83.3%	83.3% #4EBFB6	RGB 78 191 182	#4EBFB6
100.0%	100.0% #3CB8AF	RGB 60 184 175	#3CB8AF

#AAE3DB #97DBD3 #85D4CC #73CDC5 #60C6BD #4EBFB6 #3CB8AF

#AAE3DB - #3CB8AF

HSV Blend

#AAE3DB - #3CB8AF | 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 #AAE3DB as 0% and #3CB8AF as 100%.

0.0%	0.0% #AAE3DB	RGB 170 227 219	#AAE3DB
16.7%	16.7% #95DBD2	RGB 149 219 210	#95DBD2
33.3%	33.3% #81D4CA	RGB 129 212 202	#81D4CA
50.0%	50.0% #6ECDC3	RGB 110 205 195	#6ECDC3
66.7%	66.7% #5CC6BC	RGB 92 198 188	#5CC6BC
83.3%	83.3% #4BBFB5	RGB 75 191 181	#4BBFB5
100.0%	100.0% #3CB8AF	RGB 60 184 175	#3CB8AF

#AAE3DB #95DBD2 #81D4CA #6ECDC3 #5CC6BC #4BBFB5 #3CB8AF

#AAE3DB - #6ECDC3 - #3CB8AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAE3DB 0%, #6ECDC3 50%, #3CB8AF 100%);
    background: -webkit-linear-gradient(top, #AAE3DB 0%, #6ECDC3 50%, #3CB8AF 100%);
    background: linear-gradient(to bottom, #AAE3DB 0%, #6ECDC3 50%, #3CB8AF 100%);
}
</style>