#00B8FF - #8FF5E9 | 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 #00B8FF to #8FF5E9

#00B8FF #8FF5E9

Calculate the color between two colors, #00B8FF and #8FF5E9. 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)

#00B8FF - #8FF5E9 | 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 #00B8FF as 0% and #8FF5E9 as 100%.

0.0%	0.0% #00B8FF	RGB 0 184 255	#00B8FF
16.7%	16.7% #17C2FB	RGB 23 194 251	#17C2FB
33.3%	33.3% #2FCCF7	RGB 47 204 247	#2FCCF7
50.0%	50.0% #47D6F4	RGB 71 214 244	#47D6F4
66.7%	66.7% #5FE0F0	RGB 95 224 240	#5FE0F0
83.3%	83.3% #77EAEC	RGB 119 234 236	#77EAEC
100.0%	100.0% #8FF5E9	RGB 143 245 233	#8FF5E9

#00B8FF #17C2FB #2FCCF7 #47D6F4 #5FE0F0 #77EAEC #8FF5E9

#00B8FF - #8FF5E9

HSV Blend

#00B8FF - #8FF5E9 | 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 #00B8FF as 0% and #8FF5E9 as 100%.

0.0%	0.0% #00B8FF	RGB 0 184 255	#00B8FF
16.7%	16.7% #18CCFD	RGB 24 204 253	#18CCFD
33.3%	33.3% #30DDFB	RGB 48 221 251	#30DDFB
50.0%	50.0% #48EBFA	RGB 72 235 250	#48EBFA
66.7%	66.7% #60F6F8	RGB 96 246 248	#60F6F8
83.3%	83.3% #77F6F0	RGB 119 246 240	#77F6F0
100.0%	100.0% #8FF5E9	RGB 143 245 233	#8FF5E9

#00B8FF #18CCFD #30DDFB #48EBFA #60F6F8 #77F6F0 #8FF5E9

#00B8FF - #48EBFA - #8FF5E9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B8FF 0%, #48EBFA 50%, #8FF5E9 100%);
    background: -webkit-linear-gradient(top, #00B8FF 0%, #48EBFA 50%, #8FF5E9 100%);
    background: linear-gradient(to bottom, #00B8FF 0%, #48EBFA 50%, #8FF5E9 100%);
}
</style>