#44CDCD - #00A19E | 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 #44CDCD to #00A19E

#44CDCD #00A19E

Calculate the color between two colors, #44CDCD and #00A19E. 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)

#44CDCD - #00A19E | 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 #44CDCD as 0% and #00A19E as 100%.

0.0%	0.0% #44CDCD	RGB 68 205 205	#44CDCD
16.7%	16.7% #38C5C5	RGB 56 197 197	#38C5C5
33.3%	33.3% #2DBEBD	RGB 45 190 189	#2DBEBD
50.0%	50.0% #22B7B5	RGB 34 183 181	#22B7B5
66.7%	66.7% #16AFAD	RGB 22 175 173	#16AFAD
83.3%	83.3% #0BA8A5	RGB 11 168 165	#0BA8A5
100.0%	100.0% #00A19E	RGB 0 161 158	#00A19E

#44CDCD #38C5C5 #2DBEBD #22B7B5 #16AFAD #0BA8A5 #00A19E

#44CDCD - #00A19E

HSV Blend

#44CDCD - #00A19E | 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 #44CDCD as 0% and #00A19E as 100%.

0.0%	0.0% #44CDCD	RGB 68 205 205	#44CDCD
16.7%	16.7% #36C5C5	RGB 54 197 197	#36C5C5
33.3%	33.3% #2ABEBD	RGB 42 190 189	#2ABEBD
50.0%	50.0% #1EB7B5	RGB 30 183 181	#1EB7B5
66.7%	66.7% #13AFAD	RGB 19 175 173	#13AFAD
83.3%	83.3% #09A8A5	RGB 9 168 165	#09A8A5
100.0%	100.0% #00A19E	RGB 0 161 158	#00A19E

#44CDCD #36C5C5 #2ABEBD #1EB7B5 #13AFAD #09A8A5 #00A19E

#44CDCD - #1EB7B5 - #00A19E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44CDCD 0%, #1EB7B5 50%, #00A19E 100%);
    background: -webkit-linear-gradient(top, #44CDCD 0%, #1EB7B5 50%, #00A19E 100%);
    background: linear-gradient(to bottom, #44CDCD 0%, #1EB7B5 50%, #00A19E 100%);
}
</style>