#96FBFF - #AEFFA8 | 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 #96FBFF to #AEFFA8

#96FBFF #AEFFA8

Calculate the color between two colors, #96FBFF and #AEFFA8. 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)

#96FBFF - #AEFFA8 | 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 #96FBFF as 0% and #AEFFA8 as 100%.

0.0%	0.0% #96FBFF	RGB 150 251 255	#96FBFF
16.7%	16.7% #9AFBF0	RGB 154 251 240	#9AFBF0
33.3%	33.3% #9EFCE2	RGB 158 252 226	#9EFCE2
50.0%	50.0% #A2FDD3	RGB 162 253 211	#A2FDD3
66.7%	66.7% #A6FDC5	RGB 166 253 197	#A6FDC5
83.3%	83.3% #AAFEB6	RGB 170 254 182	#AAFEB6
100.0%	100.0% #AEFFA8	RGB 174 255 168	#AEFFA8

#96FBFF #9AFBF0 #9EFCE2 #A2FDD3 #A6FDC5 #AAFEB6 #AEFFA8

#96FBFF - #AEFFA8

HSV Blend

#96FBFF - #AEFFA8 | 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 #96FBFF as 0% and #AEFFA8 as 100%.

0.0%	0.0% #96FBFF	RGB 150 251 255	#96FBFF
16.7%	16.7% #99FFF0	RGB 153 255 240	#99FFF0
33.3%	33.3% #9CFFDE	RGB 156 255 222	#9CFFDE
50.0%	50.0% #9FFFCD	RGB 159 255 205	#9FFFCD
66.7%	66.7% #A2FFBD	RGB 162 255 189	#A2FFBD
83.3%	83.3% #A5FFAF	RGB 165 255 175	#A5FFAF
100.0%	100.0% #AEFFA8	RGB 174 255 168	#AEFFA8

#96FBFF #99FFF0 #9CFFDE #9FFFCD #A2FFBD #A5FFAF #AEFFA8

#96FBFF - #9FFFCD - #AEFFA8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96FBFF 0%, #9FFFCD 50%, #AEFFA8 100%);
    background: -webkit-linear-gradient(top, #96FBFF 0%, #9FFFCD 50%, #AEFFA8 100%);
    background: linear-gradient(to bottom, #96FBFF 0%, #9FFFCD 50%, #AEFFA8 100%);
}
</style>