#A8FBD5 - #3EDCAB | 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 #A8FBD5 to #3EDCAB

#A8FBD5 #3EDCAB

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

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

0.0%	0.0% #A8FBD5	RGB 168 251 213	#A8FBD5
16.7%	16.7% #96F5CE	RGB 150 245 206	#96F5CE
33.3%	33.3% #84F0C7	RGB 132 240 199	#84F0C7
50.0%	50.0% #73EBC0	RGB 115 235 192	#73EBC0
66.7%	66.7% #61E6B9	RGB 97 230 185	#61E6B9
83.3%	83.3% #4FE1B2	RGB 79 225 178	#4FE1B2
100.0%	100.0% #3EDCAB	RGB 62 220 171	#3EDCAB

#A8FBD5 #96F5CE #84F0C7 #73EBC0 #61E6B9 #4FE1B2 #3EDCAB

#A8FBD5 - #3EDCAB

HSV Blend

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

0.0%	0.0% #A8FBD5	RGB 168 251 213	#A8FBD5
16.7%	16.7% #94F5CB	RGB 148 245 203	#94F5CB
33.3%	33.3% #81F0C3	RGB 129 240 195	#81F0C3
50.0%	50.0% #6FEBBC	RGB 111 235 188	#6FEBBC
66.7%	66.7% #5EE6B5	RGB 94 230 181	#5EE6B5
83.3%	83.3% #4DE1AF	RGB 77 225 175	#4DE1AF
100.0%	100.0% #3EDCAB	RGB 62 220 171	#3EDCAB

#A8FBD5 #94F5CB #81F0C3 #6FEBBC #5EE6B5 #4DE1AF #3EDCAB

#A8FBD5 - #6FEBBC - #3EDCAB

CSS codes

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

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