#84AB8B - #A2FFF0 | 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 #84AB8B to #A2FFF0

#84AB8B #A2FFF0

Calculate the color between two colors, #84AB8B and #A2FFF0. 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)

#84AB8B - #A2FFF0 | 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 #84AB8B as 0% and #A2FFF0 as 100%.

0.0%	0.0% #84AB8B	RGB 132 171 139	#84AB8B
16.7%	16.7% #89B99B	RGB 137 185 155	#89B99B
33.3%	33.3% #8EC7AC	RGB 142 199 172	#8EC7AC
50.0%	50.0% #93D5BD	RGB 147 213 189	#93D5BD
66.7%	66.7% #98E3CE	RGB 152 227 206	#98E3CE
83.3%	83.3% #9DF1DF	RGB 157 241 223	#9DF1DF
100.0%	100.0% #A2FFF0	RGB 162 255 240	#A2FFF0

#84AB8B #89B99B #8EC7AC #93D5BD #98E3CE #9DF1DF #A2FFF0

#84AB8B - #A2FFF0

HSV Blend

#84AB8B - #A2FFF0 | 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 #84AB8B as 0% and #A2FFF0 as 100%.

0.0%	0.0% #84AB8B	RGB 132 171 139	#84AB8B
16.7%	16.7% #8AB998	RGB 138 185 152	#8AB998
33.3%	33.3% #90C7A6	RGB 144 199 166	#90C7A6
50.0%	50.0% #95D5B6	RGB 149 213 182	#95D5B6
66.7%	66.7% #9AE3C7	RGB 154 227 199	#9AE3C7
83.3%	83.3% #9EF1DA	RGB 158 241 218	#9EF1DA
100.0%	100.0% #A2FFF0	RGB 162 255 240	#A2FFF0

#84AB8B #8AB998 #90C7A6 #95D5B6 #9AE3C7 #9EF1DA #A2FFF0

#84AB8B - #95D5B6 - #A2FFF0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84AB8B 0%, #95D5B6 50%, #A2FFF0 100%);
    background: -webkit-linear-gradient(top, #84AB8B 0%, #95D5B6 50%, #A2FFF0 100%);
    background: linear-gradient(to bottom, #84AB8B 0%, #95D5B6 50%, #A2FFF0 100%);
}
</style>