#11E3E3 - #00BDC7 | 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 #11E3E3 to #00BDC7

#11E3E3 #00BDC7

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

#11E3E3 - #00BDC7 | 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 #11E3E3 as 0% and #00BDC7 as 100%.

0.0%	0.0% #11E3E3	RGB 17 227 227	#11E3E3
16.7%	16.7% #0EDCDE	RGB 14 220 222	#0EDCDE
33.3%	33.3% #0BD6D9	RGB 11 214 217	#0BD6D9
50.0%	50.0% #08D0D5	RGB 8 208 213	#08D0D5
66.7%	66.7% #05C9D0	RGB 5 201 208	#05C9D0
83.3%	83.3% #02C3CB	RGB 2 195 203	#02C3CB
100.0%	100.0% #00BDC7	RGB 0 189 199	#00BDC7

#11E3E3 #0EDCDE #0BD6D9 #08D0D5 #05C9D0 #02C3CB #00BDC7

#11E3E3 - #00BDC7

HSV Blend

#11E3E3 - #00BDC7 | 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 #11E3E3 as 0% and #00BDC7 as 100%.

0.0%	0.0% #10E3E3	RGB 16 227 227	#10E3E3
16.7%	16.7% #0DDCDE	RGB 13 220 222	#0DDCDE
33.3%	33.3% #0AD6D9	RGB 10 214 217	#0AD6D9
50.0%	50.0% #07CFD5	RGB 7 207 213	#07CFD5
66.7%	66.7% #05C9D0	RGB 5 201 208	#05C9D0
83.3%	83.3% #02C3CB	RGB 2 195 203	#02C3CB
100.0%	100.0% #00BDC7	RGB 0 189 199	#00BDC7

#10E3E3 #0DDCDE #0AD6D9 #07CFD5 #05C9D0 #02C3CB #00BDC7

#11E3E3 - #07CFD5 - #00BDC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #10E3E3 0%, #07CFD5 50%, #00BDC7 100%);
    background: -webkit-linear-gradient(top, #10E3E3 0%, #07CFD5 50%, #00BDC7 100%);
    background: linear-gradient(to bottom, #10E3E3 0%, #07CFD5 50%, #00BDC7 100%);
}
</style>