#00595E - #26CAAB | 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 #00595E to #26CAAB

#00595E #26CAAB

Calculate the color between two colors, #00595E and #26CAAB. 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)

#00595E - #26CAAB | 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 #00595E as 0% and #26CAAB as 100%.

0.0%	0.0% #00595E	RGB 0 89 94	#00595E
16.7%	16.7% #066B6A	RGB 6 107 106	#066B6A
33.3%	33.3% #0C7E77	RGB 12 126 119	#0C7E77
50.0%	50.0% #139184	RGB 19 145 132	#139184
66.7%	66.7% #19A491	RGB 25 164 145	#19A491
83.3%	83.3% #1FB79E	RGB 31 183 158	#1FB79E
100.0%	100.0% #26CAAB	RGB 38 202 171	#26CAAB

#00595E #066B6A #0C7E77 #139184 #19A491 #1FB79E #26CAAB

#00595E - #26CAAB

HSV Blend

#00595E - #26CAAB | 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 #00595E as 0% and #26CAAB as 100%.

0.0%	0.0% #00595E	RGB 0 89 94	#00595E
16.7%	16.7% #036E70	RGB 3 110 112	#036E70
33.3%	33.3% #08827E	RGB 8 130 126	#08827E
50.0%	50.0% #0D948A	RGB 13 148 138	#0D948A
66.7%	66.7% #14A696	RGB 20 166 150	#14A696
83.3%	83.3% #1CB8A0	RGB 28 184 160	#1CB8A0
100.0%	100.0% #26CAAB	RGB 38 202 171	#26CAAB

#00595E #036E70 #08827E #0D948A #14A696 #1CB8A0 #26CAAB

#00595E - #0D948A - #26CAAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00595E 0%, #0D948A 50%, #26CAAB 100%);
    background: -webkit-linear-gradient(top, #00595E 0%, #0D948A 50%, #26CAAB 100%);
    background: linear-gradient(to bottom, #00595E 0%, #0D948A 50%, #26CAAB 100%);
}
</style>