#4DC3C3 - #00948E | 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 #4DC3C3 to #00948E

#4DC3C3 #00948E

Calculate the color between two colors, #4DC3C3 and #00948E. 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)

#4DC3C3 - #00948E | 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 #4DC3C3 as 0% and #00948E as 100%.

0.0%	0.0% #4DC3C3	RGB 77 195 195	#4DC3C3
16.7%	16.7% #40BBBA	RGB 64 187 186	#40BBBA
33.3%	33.3% #33B3B1	RGB 51 179 177	#33B3B1
50.0%	50.0% #26ABA8	RGB 38 171 168	#26ABA8
66.7%	66.7% #19A39F	RGB 25 163 159	#19A39F
83.3%	83.3% #0C9B96	RGB 12 155 150	#0C9B96
100.0%	100.0% #00948E	RGB 0 148 142	#00948E

#4DC3C3 #40BBBA #33B3B1 #26ABA8 #19A39F #0C9B96 #00948E

#4DC3C3 - #00948E

HSV Blend

#4DC3C3 - #00948E | 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 #4DC3C3 as 0% and #00948E as 100%.

0.0%	0.0% #4DC3C3	RGB 77 195 195	#4DC3C3
16.7%	16.7% #3DBBBA	RGB 61 187 186	#3DBBBA
33.3%	33.3% #2FB3B1	RGB 47 179 177	#2FB3B1
50.0%	50.0% #21ABA8	RGB 33 171 168	#21ABA8
66.7%	66.7% #15A39F	RGB 21 163 159	#15A39F
83.3%	83.3% #0A9B96	RGB 10 155 150	#0A9B96
100.0%	100.0% #00948E	RGB 0 148 142	#00948E

#4DC3C3 #3DBBBA #2FB3B1 #21ABA8 #15A39F #0A9B96 #00948E

#4DC3C3 - #21ABA8 - #00948E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DC3C3 0%, #21ABA8 50%, #00948E 100%);
    background: -webkit-linear-gradient(top, #4DC3C3 0%, #21ABA8 50%, #00948E 100%);
    background: linear-gradient(to bottom, #4DC3C3 0%, #21ABA8 50%, #00948E 100%);
}
</style>