#7FF6FF - #00C0CE | 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 #7FF6FF to #00C0CE

#7FF6FF #00C0CE

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

#7FF6FF - #00C0CE | 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 #7FF6FF as 0% and #00C0CE as 100%.

0.0%	0.0% #7FF6FF	RGB 127 246 255	#7FF6FF
16.7%	16.7% #69EDF6	RGB 105 237 246	#69EDF6
33.3%	33.3% #54E4EE	RGB 84 228 238	#54E4EE
50.0%	50.0% #3FDBE6	RGB 63 219 230	#3FDBE6
66.7%	66.7% #2AD2DE	RGB 42 210 222	#2AD2DE
83.3%	83.3% #15C9D6	RGB 21 201 214	#15C9D6
100.0%	100.0% #00C0CE	RGB 0 192 206	#00C0CE

#7FF6FF #69EDF6 #54E4EE #3FDBE6 #2AD2DE #15C9D6 #00C0CE

#7FF6FF - #00C0CE

HSV Blend

#7FF6FF - #00C0CE | 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 #7FF6FF as 0% and #00C0CE as 100%.

0.0%	0.0% #7FF6FF	RGB 127 246 255	#7FF6FF
16.7%	16.7% #66ECF6	RGB 102 236 246	#66ECF6
33.3%	33.3% #4FE3EE	RGB 79 227 238	#4FE3EE
50.0%	50.0% #39DAE6	RGB 57 218 230	#39DAE6
66.7%	66.7% #24D1DE	RGB 36 209 222	#24D1DE
83.3%	83.3% #11C8D6	RGB 17 200 214	#11C8D6
100.0%	100.0% #00C0CE	RGB 0 192 206	#00C0CE

#7FF6FF #66ECF6 #4FE3EE #39DAE6 #24D1DE #11C8D6 #00C0CE

#7FF6FF - #39DAE6 - #00C0CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7FF6FF 0%, #39DAE6 50%, #00C0CE 100%);
    background: -webkit-linear-gradient(top, #7FF6FF 0%, #39DAE6 50%, #00C0CE 100%);
    background: linear-gradient(to bottom, #7FF6FF 0%, #39DAE6 50%, #00C0CE 100%);
}
</style>