#78F2FF - #96FFDF | 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 #78F2FF to #96FFDF

#78F2FF #96FFDF

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

#78F2FF - #96FFDF | 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 #78F2FF as 0% and #96FFDF as 100%.

0.0%	0.0% #78F2FF	RGB 120 242 255	#78F2FF
16.7%	16.7% #7DF4F9	RGB 125 244 249	#7DF4F9
33.3%	33.3% #82F6F4	RGB 130 246 244	#82F6F4
50.0%	50.0% #87F8EF	RGB 135 248 239	#87F8EF
66.7%	66.7% #8CFAE9	RGB 140 250 233	#8CFAE9
83.3%	83.3% #91FCE4	RGB 145 252 228	#91FCE4
100.0%	100.0% #96FFDF	RGB 150 255 223	#96FFDF

#78F2FF #7DF4F9 #82F6F4 #87F8EF #8CFAE9 #91FCE4 #96FFDF

#78F2FF - #96FFDF

HSV Blend

#78F2FF - #96FFDF | 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 #78F2FF as 0% and #96FFDF as 100%.

0.0%	0.0% #78F2FF	RGB 120 242 255	#78F2FF
16.7%	16.7% #7DFBFF	RGB 125 251 255	#7DFBFF
33.3%	33.3% #82FFFA	RGB 130 255 250	#82FFFA
50.0%	50.0% #87FFF2	RGB 135 255 242	#87FFF2
66.7%	66.7% #8CFFEB	RGB 140 255 235	#8CFFEB
83.3%	83.3% #91FFE4	RGB 145 255 228	#91FFE4
100.0%	100.0% #96FFDF	RGB 150 255 223	#96FFDF

#78F2FF #7DFBFF #82FFFA #87FFF2 #8CFFEB #91FFE4 #96FFDF

#78F2FF - #87FFF2 - #96FFDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #78F2FF 0%, #87FFF2 50%, #96FFDF 100%);
    background: -webkit-linear-gradient(top, #78F2FF 0%, #87FFF2 50%, #96FFDF 100%);
    background: linear-gradient(to bottom, #78F2FF 0%, #87FFF2 50%, #96FFDF 100%);
}
</style>