#26ECE8 - #00C9D1 | 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 #26ECE8 to #00C9D1

#26ECE8 #00C9D1

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

#26ECE8 - #00C9D1 | 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 #26ECE8 as 0% and #00C9D1 as 100%.

0.0%	0.0% #26ECE8	RGB 38 236 232	#26ECE8
16.7%	16.7% #1FE6E4	RGB 31 230 228	#1FE6E4
33.3%	33.3% #19E0E0	RGB 25 224 224	#19E0E0
50.0%	50.0% #13DADC	RGB 19 218 220	#13DADC
66.7%	66.7% #0CD4D8	RGB 12 212 216	#0CD4D8
83.3%	83.3% #06CED4	RGB 6 206 212	#06CED4
100.0%	100.0% #00C9D1	RGB 0 201 209	#00C9D1

#26ECE8 #1FE6E4 #19E0E0 #13DADC #0CD4D8 #06CED4 #00C9D1

#26ECE8 - #00C9D1

HSV Blend

#26ECE8 - #00C9D1 | 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 #26ECE8 as 0% and #00C9D1 as 100%.

0.0%	0.0% #26ECE8	RGB 38 236 232	#26ECE8
16.7%	16.7% #1FE7E5	RGB 31 231 229	#1FE7E5
33.3%	33.3% #18E3E2	RGB 24 227 226	#18E3E2
50.0%	50.0% #11DCDE	RGB 17 220 222	#11DCDE
66.7%	66.7% #0BD6DA	RGB 11 214 218	#0BD6DA
83.3%	83.3% #05CFD5	RGB 5 207 213	#05CFD5
100.0%	100.0% #00C9D1	RGB 0 201 209	#00C9D1

#26ECE8 #1FE7E5 #18E3E2 #11DCDE #0BD6DA #05CFD5 #00C9D1

#26ECE8 - #11DCDE - #00C9D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #26ECE8 0%, #11DCDE 50%, #00C9D1 100%);
    background: -webkit-linear-gradient(top, #26ECE8 0%, #11DCDE 50%, #00C9D1 100%);
    background: linear-gradient(to bottom, #26ECE8 0%, #11DCDE 50%, #00C9D1 100%);
}
</style>