#96ABFF - #A8FFE5 | 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 #96ABFF to #A8FFE5

#96ABFF #A8FFE5

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

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

0.0%	0.0% #96ABFF	RGB 150 171 255	#96ABFF
16.7%	16.7% #99B9FA	RGB 153 185 250	#99B9FA
33.3%	33.3% #9CC7F6	RGB 156 199 246	#9CC7F6
50.0%	50.0% #9FD5F2	RGB 159 213 242	#9FD5F2
66.7%	66.7% #A2E3ED	RGB 162 227 237	#A2E3ED
83.3%	83.3% #A5F1E9	RGB 165 241 233	#A5F1E9
100.0%	100.0% #A8FFE5	RGB 168 255 229	#A8FFE5

#96ABFF #99B9FA #9CC7F6 #9FD5F2 #A2E3ED #A5F1E9 #A8FFE5

#96ABFF - #A8FFE5

HSV Blend

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

0.0%	0.0% #96ABFF	RGB 150 171 255	#96ABFF
16.7%	16.7% #99C0FF	RGB 153 192 255	#99C0FF
33.3%	33.3% #9CD4FF	RGB 156 212 255	#9CD4FF
50.0%	50.0% #9FE6FF	RGB 159 230 255	#9FE6FF
66.7%	66.7% #A2F8FF	RGB 162 248 255	#A2F8FF
83.3%	83.3% #A5FFF4	RGB 165 255 244	#A5FFF4
100.0%	100.0% #A8FFE5	RGB 168 255 229	#A8FFE5

#96ABFF #99C0FF #9CD4FF #9FE6FF #A2F8FF #A5FFF4 #A8FFE5

#96ABFF - #9FE6FF - #A8FFE5

CSS codes

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

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