#5DFDFD - #D0FEFE | 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 #5DFDFD to #D0FEFE

#5DFDFD #D0FEFE

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

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

0.0%	0.0% #5DFDFD	RGB 93 253 253	#5DFDFD
16.7%	16.7% #70FDFD	RGB 112 253 253	#70FDFD
33.3%	33.3% #83FDFD	RGB 131 253 253	#83FDFD
50.0%	50.0% #96FDFD	RGB 150 253 253	#96FDFD
66.7%	66.7% #A9FDFD	RGB 169 253 253	#A9FDFD
83.3%	83.3% #BCFDFD	RGB 188 253 253	#BCFDFD
100.0%	100.0% #D0FEFE	RGB 208 254 254	#D0FEFE

#5DFDFD #70FDFD #83FDFD #96FDFD #A9FDFD #BCFDFD #D0FEFE

#5DFDFD - #D0FEFE

HSV Blend

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

0.0%	0.0% #5DFDFD	RGB 93 253 253	#5DFDFD
16.7%	16.7% #70FDFD	RGB 112 253 253	#70FDFD
33.3%	33.3% #83FDFD	RGB 131 253 253	#83FDFD
50.0%	50.0% #96FDFD	RGB 150 253 253	#96FDFD
66.7%	66.7% #A9FDFD	RGB 169 253 253	#A9FDFD
83.3%	83.3% #BCFDFD	RGB 188 253 253	#BCFDFD
100.0%	100.0% #D0FEFE	RGB 208 254 254	#D0FEFE

#5DFDFD #70FDFD #83FDFD #96FDFD #A9FDFD #BCFDFD #D0FEFE

#5DFDFD - #96FDFD - #D0FEFE

CSS codes

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

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