#73D6FF - #A0FFDF | 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 #73D6FF to #A0FFDF

#73D6FF #A0FFDF

Calculate the color between two colors, #73D6FF and #A0FFDF. 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)

#73D6FF - #A0FFDF | 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 #73D6FF as 0% and #A0FFDF as 100%.

0.0%	0.0% #73D6FF	RGB 115 214 255	#73D6FF
16.7%	16.7% #7ADCF9	RGB 122 220 249	#7ADCF9
33.3%	33.3% #82E3F4	RGB 130 227 244	#82E3F4
50.0%	50.0% #89EAEF	RGB 137 234 239	#89EAEF
66.7%	66.7% #91F1E9	RGB 145 241 233	#91F1E9
83.3%	83.3% #98F8E4	RGB 152 248 228	#98F8E4
100.0%	100.0% #A0FFDF	RGB 160 255 223	#A0FFDF

#73D6FF #7ADCF9 #82E3F4 #89EAEF #91F1E9 #98F8E4 #A0FFDF

#73D6FF - #A0FFDF

HSV Blend

#73D6FF - #A0FFDF | 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 #73D6FF as 0% and #A0FFDF as 100%.

0.0%	0.0% #73D6FF	RGB 115 214 255	#73D6FF
16.7%	16.7% #7AE6FF	RGB 122 230 255	#7AE6FF
33.3%	33.3% #82F4FF	RGB 130 244 255	#82F4FF
50.0%	50.0% #89FFFC	RGB 137 255 252	#89FFFC
66.7%	66.7% #91FFF1	RGB 145 255 241	#91FFF1
83.3%	83.3% #98FFE7	RGB 152 255 231	#98FFE7
100.0%	100.0% #A0FFDF	RGB 160 255 223	#A0FFDF

#73D6FF #7AE6FF #82F4FF #89FFFC #91FFF1 #98FFE7 #A0FFDF

#73D6FF - #89FFFC - #A0FFDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #73D6FF 0%, #89FFFC 50%, #A0FFDF 100%);
    background: -webkit-linear-gradient(top, #73D6FF 0%, #89FFFC 50%, #A0FFDF 100%);
    background: linear-gradient(to bottom, #73D6FF 0%, #89FFFC 50%, #A0FFDF 100%);
}
</style>