#5DDAFF - #A0FFFC | 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 #5DDAFF to #A0FFFC

#5DDAFF #A0FFFC

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

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

0.0%	0.0% #5DDAFF	RGB 93 218 255	#5DDAFF
16.7%	16.7% #68E0FE	RGB 104 224 254	#68E0FE
33.3%	33.3% #73E6FE	RGB 115 230 254	#73E6FE
50.0%	50.0% #7EECFD	RGB 126 236 253	#7EECFD
66.7%	66.7% #89F2FD	RGB 137 242 253	#89F2FD
83.3%	83.3% #94F8FC	RGB 148 248 252	#94F8FC
100.0%	100.0% #A0FFFC	RGB 160 255 252	#A0FFFC

#5DDAFF #68E0FE #73E6FE #7EECFD #89F2FD #94F8FC #A0FFFC

#5DDAFF - #A0FFFC

HSV Blend

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

0.0%	0.0% #5DDAFF	RGB 93 218 255	#5DDAFF
16.7%	16.7% #68E3FF	RGB 104 227 255	#68E3FF
33.3%	33.3% #73EBFF	RGB 115 235 255	#73EBFF
50.0%	50.0% #7EF2FF	RGB 126 242 255	#7EF2FF
66.7%	66.7% #89F8FF	RGB 137 248 255	#89F8FF
83.3%	83.3% #94FDFF	RGB 148 253 255	#94FDFF
100.0%	100.0% #A0FFFC	RGB 160 255 252	#A0FFFC

#5DDAFF #68E3FF #73EBFF #7EF2FF #89F8FF #94FDFF #A0FFFC

#5DDAFF - #7EF2FF - #A0FFFC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5DDAFF 0%, #7EF2FF 50%, #A0FFFC 100%);
    background: -webkit-linear-gradient(top, #5DDAFF 0%, #7EF2FF 50%, #A0FFFC 100%);
    background: linear-gradient(to bottom, #5DDAFF 0%, #7EF2FF 50%, #A0FFFC 100%);
}
</style>