#44A6B5 - #00545D | 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 #44A6B5 to #00545D

#44A6B5 #00545D

Calculate the color between two colors, #44A6B5 and #00545D. 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)

#44A6B5 - #00545D | 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 #44A6B5 as 0% and #00545D as 100%.

0.0%	0.0% #44A6B5	RGB 68 166 181	#44A6B5
16.7%	16.7% #3898A6	RGB 56 152 166	#3898A6
33.3%	33.3% #2D8A97	RGB 45 138 151	#2D8A97
50.0%	50.0% #227D89	RGB 34 125 137	#227D89
66.7%	66.7% #166F7A	RGB 22 111 122	#166F7A
83.3%	83.3% #0B616B	RGB 11 97 107	#0B616B
100.0%	100.0% #00545D	RGB 0 84 93	#00545D

#44A6B5 #3898A6 #2D8A97 #227D89 #166F7A #0B616B #00545D

#44A6B5 - #00545D

HSV Blend

#44A6B5 - #00545D | 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 #44A6B5 as 0% and #00545D as 100%.

0.0%	0.0% #44A6B5	RGB 68 166 181	#44A6B5
16.7%	16.7% #3497A6	RGB 52 151 166	#3497A6
33.3%	33.3% #258997	RGB 37 137 151	#258997
50.0%	50.0% #197C89	RGB 25 124 137	#197C89
66.7%	66.7% #0F6E7A	RGB 15 110 122	#0F6E7A
83.3%	83.3% #06616B	RGB 6 97 107	#06616B
100.0%	100.0% #00545D	RGB 0 84 93	#00545D

#44A6B5 #3497A6 #258997 #197C89 #0F6E7A #06616B #00545D

#44A6B5 - #197C89 - #00545D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44A6B5 0%, #197C89 50%, #00545D 100%);
    background: -webkit-linear-gradient(top, #44A6B5 0%, #197C89 50%, #00545D 100%);
    background: linear-gradient(to bottom, #44A6B5 0%, #197C89 50%, #00545D 100%);
}
</style>