#8CFFFD - #0CE6EC | 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 #8CFFFD to #0CE6EC

#8CFFFD #0CE6EC

Calculate the color between two colors, #8CFFFD and #0CE6EC. 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)

#8CFFFD - #0CE6EC | 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 #8CFFFD as 0% and #0CE6EC as 100%.

0.0%	0.0% #8CFFFD	RGB 140 255 253	#8CFFFD
16.7%	16.7% #76FAFA	RGB 118 250 250	#76FAFA
33.3%	33.3% #61F6F7	RGB 97 246 247	#61F6F7
50.0%	50.0% #4CF2F4	RGB 76 242 244	#4CF2F4
66.7%	66.7% #36EEF1	RGB 54 238 241	#36EEF1
83.3%	83.3% #21EAEE	RGB 33 234 238	#21EAEE
100.0%	100.0% #0CE6EC	RGB 12 230 236	#0CE6EC

#8CFFFD #76FAFA #61F6F7 #4CF2F4 #36EEF1 #21EAEE #0CE6EC

#8CFFFD - #0CE6EC

HSV Blend

#8CFFFD - #0CE6EC | 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 #8CFFFD as 0% and #0CE6EC as 100%.

0.0%	0.0% #8CFFFD	RGB 140 255 253	#8CFFFD
16.7%	16.7% #75FBFA	RGB 117 251 250	#75FBFA
33.3%	33.3% #5FF8F8	RGB 95 248 248	#5FF8F8
50.0%	50.0% #49F4F5	RGB 73 244 245	#49F4F5
66.7%	66.7% #34F0F2	RGB 52 240 242	#34F0F2
83.3%	83.3% #20EBEF	RGB 32 235 239	#20EBEF
100.0%	100.0% #0CE6EC	RGB 12 230 236	#0CE6EC

#8CFFFD #75FBFA #5FF8F8 #49F4F5 #34F0F2 #20EBEF #0CE6EC

#8CFFFD - #49F4F5 - #0CE6EC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CFFFD 0%, #49F4F5 50%, #0CE6EC 100%);
    background: -webkit-linear-gradient(top, #8CFFFD 0%, #49F4F5 50%, #0CE6EC 100%);
    background: linear-gradient(to bottom, #8CFFFD 0%, #49F4F5 50%, #0CE6EC 100%);
}
</style>