#5DF9FF - #D0FDFF | 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 #5DF9FF to #D0FDFF

#5DF9FF #D0FDFF

Calculate the color between two colors, #5DF9FF and #D0FDFF. 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)

#5DF9FF - #D0FDFF | 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 #5DF9FF as 0% and #D0FDFF as 100%.

0.0%	0.0% #5DF9FF	RGB 93 249 255	#5DF9FF
16.7%	16.7% #70F9FF	RGB 112 249 255	#70F9FF
33.3%	33.3% #83FAFF	RGB 131 250 255	#83FAFF
50.0%	50.0% #96FBFF	RGB 150 251 255	#96FBFF
66.7%	66.7% #A9FBFF	RGB 169 251 255	#A9FBFF
83.3%	83.3% #BCFCFF	RGB 188 252 255	#BCFCFF
100.0%	100.0% #D0FDFF	RGB 208 253 255	#D0FDFF

#5DF9FF #70F9FF #83FAFF #96FBFF #A9FBFF #BCFCFF #D0FDFF

#5DF9FF - #D0FDFF

HSV Blend

#5DF9FF - #D0FDFF | 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 #5DF9FF as 0% and #D0FDFF as 100%.

0.0%	0.0% #5DF9FF	RGB 93 249 255	#5DF9FF
16.7%	16.7% #70F9FF	RGB 112 249 255	#70F9FF
33.3%	33.3% #83FAFF	RGB 131 250 255	#83FAFF
50.0%	50.0% #96FAFF	RGB 150 250 255	#96FAFF
66.7%	66.7% #A9FBFF	RGB 169 251 255	#A9FBFF
83.3%	83.3% #BCFCFF	RGB 188 252 255	#BCFCFF
100.0%	100.0% #D0FDFF	RGB 208 253 255	#D0FDFF

#5DF9FF #70F9FF #83FAFF #96FAFF #A9FBFF #BCFCFF #D0FDFF

#5DF9FF - #96FAFF - #D0FDFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5DF9FF 0%, #96FAFF 50%, #D0FDFF 100%);
    background: -webkit-linear-gradient(top, #5DF9FF 0%, #96FAFF 50%, #D0FDFF 100%);
    background: linear-gradient(to bottom, #5DF9FF 0%, #96FAFF 50%, #D0FDFF 100%);
}
</style>