#A8ECDB - #3DB1A5 | 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 #A8ECDB to #3DB1A5

#A8ECDB #3DB1A5

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

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

0.0%	0.0% #A8ECDB	RGB 168 236 219	#A8ECDB
16.7%	16.7% #96E2D2	RGB 150 226 210	#96E2D2
33.3%	33.3% #84D8C9	RGB 132 216 201	#84D8C9
50.0%	50.0% #72CEC0	RGB 114 206 192	#72CEC0
66.7%	66.7% #60C4B7	RGB 96 196 183	#60C4B7
83.3%	83.3% #4EBAAE	RGB 78 186 174	#4EBAAE
100.0%	100.0% #3DB1A5	RGB 61 177 165	#3DB1A5

#A8ECDB #96E2D2 #84D8C9 #72CEC0 #60C4B7 #4EBAAE #3DB1A5

#A8ECDB - #3DB1A5

HSV Blend

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

0.0%	0.0% #A8ECDB	RGB 168 236 219	#A8ECDB
16.7%	16.7% #93E2D0	RGB 147 226 208	#93E2D0
33.3%	33.3% #7FD8C6	RGB 127 216 198	#7FD8C6
50.0%	50.0% #6DCEBD	RGB 109 206 189	#6DCEBD
66.7%	66.7% #5BC4B4	RGB 91 196 180	#5BC4B4
83.3%	83.3% #4BBAAC	RGB 75 186 172	#4BBAAC
100.0%	100.0% #3DB1A5	RGB 61 177 165	#3DB1A5

#A8ECDB #93E2D0 #7FD8C6 #6DCEBD #5BC4B4 #4BBAAC #3DB1A5

#A8ECDB - #6DCEBD - #3DB1A5

CSS codes

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

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