#84D6B8 - #A8EFFD | 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 #84D6B8 to #A8EFFD

#84D6B8 #A8EFFD

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

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

0.0%	0.0% #84D6B8	RGB 132 214 184	#84D6B8
16.7%	16.7% #8ADAC3	RGB 138 218 195	#8ADAC3
33.3%	33.3% #90DECF	RGB 144 222 207	#90DECF
50.0%	50.0% #96E2DA	RGB 150 226 218	#96E2DA
66.7%	66.7% #9CE6E6	RGB 156 230 230	#9CE6E6
83.3%	83.3% #A2EAF1	RGB 162 234 241	#A2EAF1
100.0%	100.0% #A8EFFD	RGB 168 239 253	#A8EFFD

#84D6B8 #8ADAC3 #90DECF #96E2DA #9CE6E6 #A2EAF1 #A8EFFD

#84D6B8 - #A8EFFD

HSV Blend

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

0.0%	0.0% #84D6B8	RGB 132 214 184	#84D6B8
16.7%	16.7% #89DCC5	RGB 137 220 197	#89DCC5
33.3%	33.3% #8FE3D3	RGB 143 227 211	#8FE3D3
50.0%	50.0% #95E9E1	RGB 149 233 225	#95E9E1
66.7%	66.7% #9BF0EE	RGB 155 240 238	#9BF0EE
83.3%	83.3% #A1F0F6	RGB 161 240 246	#A1F0F6
100.0%	100.0% #A8EFFD	RGB 168 239 253	#A8EFFD

#84D6B8 #89DCC5 #8FE3D3 #95E9E1 #9BF0EE #A1F0F6 #A8EFFD

#84D6B8 - #95E9E1 - #A8EFFD

CSS codes

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

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