#28FFF0 - #00E5E6 | 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 #28FFF0 to #00E5E6

#28FFF0 #00E5E6

Calculate the color between two colors, #28FFF0 and #00E5E6. 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)

#28FFF0 - #00E5E6 | 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 #28FFF0 as 0% and #00E5E6 as 100%.

0.0%	0.0% #28FFF0	RGB 40 255 240	#28FFF0
16.7%	16.7% #21FAEE	RGB 33 250 238	#21FAEE
33.3%	33.3% #1AF6EC	RGB 26 246 236	#1AF6EC
50.0%	50.0% #14F2EB	RGB 20 242 235	#14F2EB
66.7%	66.7% #0DEDE9	RGB 13 237 233	#0DEDE9
83.3%	83.3% #06E9E7	RGB 6 233 231	#06E9E7
100.0%	100.0% #00E5E6	RGB 0 229 230	#00E5E6

#28FFF0 #21FAEE #1AF6EC #14F2EB #0DEDE9 #06E9E7 #00E5E6

#28FFF0 - #00E5E6

HSV Blend

#28FFF0 - #00E5E6 | 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 #28FFF0 as 0% and #00E5E6 as 100%.

0.0%	0.0% #27FFF0	RGB 39 255 240	#27FFF0
16.7%	16.7% #20FAEE	RGB 32 250 238	#20FAEE
33.3%	33.3% #19F6EC	RGB 25 246 236	#19F6EC
50.0%	50.0% #13F2EB	RGB 19 242 235	#13F2EB
66.7%	66.7% #0CEEE9	RGB 12 238 233	#0CEEE9
83.3%	83.3% #06EAE8	RGB 6 234 232	#06EAE8
100.0%	100.0% #00E5E6	RGB 0 229 230	#00E5E6

#27FFF0 #20FAEE #19F6EC #13F2EB #0CEEE9 #06EAE8 #00E5E6

#28FFF0 - #13F2EB - #00E5E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #27FFF0 0%, #13F2EB 50%, #00E5E6 100%);
    background: -webkit-linear-gradient(top, #27FFF0 0%, #13F2EB 50%, #00E5E6 100%);
    background: linear-gradient(to bottom, #27FFF0 0%, #13F2EB 50%, #00E5E6 100%);
}
</style>