#70E5E5 - #00C0C4 | 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 #70E5E5 to #00C0C4

#70E5E5 #00C0C4

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

#70E5E5 - #00C0C4 | 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 #70E5E5 as 0% and #00C0C4 as 100%.

0.0%	0.0% #70E5E5	RGB 112 229 229	#70E5E5
16.7%	16.7% #5DDEDF	RGB 93 222 223	#5DDEDF
33.3%	33.3% #4AD8DA	RGB 74 216 218	#4AD8DA
50.0%	50.0% #38D2D4	RGB 56 210 212	#38D2D4
66.7%	66.7% #25CCCF	RGB 37 204 207	#25CCCF
83.3%	83.3% #12C6C9	RGB 18 198 201	#12C6C9
100.0%	100.0% #00C0C4	RGB 0 192 196	#00C0C4

#70E5E5 #5DDEDF #4AD8DA #38D2D4 #25CCCF #12C6C9 #00C0C4

#70E5E5 - #00C0C4

HSV Blend

#70E5E5 - #00C0C4 | 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 #70E5E5 as 0% and #00C0C4 as 100%.

0.0%	0.0% #70E5E5	RGB 112 229 229	#70E5E5
16.7%	16.7% #5BDFDF	RGB 91 223 223	#5BDFDF
33.3%	33.3% #47D9DA	RGB 71 217 218	#47D9DA
50.0%	50.0% #33D2D4	RGB 51 210 212	#33D2D4
66.7%	66.7% #21CCCF	RGB 33 204 207	#21CCCF
83.3%	83.3% #10C6C9	RGB 16 198 201	#10C6C9
100.0%	100.0% #00C0C4	RGB 0 192 196	#00C0C4

#70E5E5 #5BDFDF #47D9DA #33D2D4 #21CCCF #10C6C9 #00C0C4

#70E5E5 - #33D2D4 - #00C0C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #70E5E5 0%, #33D2D4 50%, #00C0C4 100%);
    background: -webkit-linear-gradient(top, #70E5E5 0%, #33D2D4 50%, #00C0C4 100%);
    background: linear-gradient(to bottom, #70E5E5 0%, #33D2D4 50%, #00C0C4 100%);
}
</style>