#49ECE5 - #00CACA | 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 #49ECE5 to #00CACA

#49ECE5 #00CACA

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

#49ECE5 - #00CACA | 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 #49ECE5 as 0% and #00CACA as 100%.

0.0%	0.0% #49ECE5	RGB 73 236 229	#49ECE5
16.7%	16.7% #3CE6E0	RGB 60 230 224	#3CE6E0
33.3%	33.3% #30E0DC	RGB 48 224 220	#30E0DC
50.0%	50.0% #24DBD7	RGB 36 219 215	#24DBD7
66.7%	66.7% #18D5D3	RGB 24 213 211	#18D5D3
83.3%	83.3% #0CCFCE	RGB 12 207 206	#0CCFCE
100.0%	100.0% #00CACA	RGB 0 202 202	#00CACA

#49ECE5 #3CE6E0 #30E0DC #24DBD7 #18D5D3 #0CCFCE #00CACA

#49ECE5 - #00CACA

HSV Blend

#49ECE5 - #00CACA | 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 #49ECE5 as 0% and #00CACA as 100%.

0.0%	0.0% #48ECE5	RGB 72 236 229	#48ECE5
16.7%	16.7% #3BE6E0	RGB 59 230 224	#3BE6E0
33.3%	33.3% #2EE0DB	RGB 46 224 219	#2EE0DB
50.0%	50.0% #21DBD7	RGB 33 219 215	#21DBD7
66.7%	66.7% #15D5D2	RGB 21 213 210	#15D5D2
83.3%	83.3% #0ACFCE	RGB 10 207 206	#0ACFCE
100.0%	100.0% #00CACA	RGB 0 202 202	#00CACA

#48ECE5 #3BE6E0 #2EE0DB #21DBD7 #15D5D2 #0ACFCE #00CACA

#49ECE5 - #21DBD7 - #00CACA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48ECE5 0%, #21DBD7 50%, #00CACA 100%);
    background: -webkit-linear-gradient(top, #48ECE5 0%, #21DBD7 50%, #00CACA 100%);
    background: linear-gradient(to bottom, #48ECE5 0%, #21DBD7 50%, #00CACA 100%);
}
</style>