#2BACA5 - #00575E | 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 #2BACA5 to #00575E

#2BACA5 #00575E

Calculate the color between two colors, #2BACA5 and #00575E. 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)

#2BACA5 - #00575E | 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 #2BACA5 as 0% and #00575E as 100%.

0.0%	0.0% #2BACA5	RGB 43 172 165	#2BACA5
16.7%	16.7% #239D99	RGB 35 157 153	#239D99
33.3%	33.3% #1C8F8D	RGB 28 143 141	#1C8F8D
50.0%	50.0% #158181	RGB 21 129 129	#158181
66.7%	66.7% #0E7375	RGB 14 115 117	#0E7375
83.3%	83.3% #076569	RGB 7 101 105	#076569
100.0%	100.0% #00575E	RGB 0 87 94	#00575E

#2BACA5 #239D99 #1C8F8D #158181 #0E7375 #076569 #00575E

#2BACA5 - #00575E

HSV Blend

#2BACA5 - #00575E | 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 #2BACA5 as 0% and #00575E as 100%.

0.0%	0.0% #2BACA5	RGB 43 172 165	#2BACA5
16.7%	16.7% #219F9A	RGB 33 159 154	#219F9A
33.3%	33.3% #189290	RGB 24 146 144	#189290
50.0%	50.0% #108385	RGB 16 131 133	#108385
66.7%	66.7% #097478	RGB 9 116 120	#097478
83.3%	83.3% #04656B	RGB 4 101 107	#04656B
100.0%	100.0% #00575E	RGB 0 87 94	#00575E

#2BACA5 #219F9A #189290 #108385 #097478 #04656B #00575E

#2BACA5 - #108385 - #00575E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2BACA5 0%, #108385 50%, #00575E 100%);
    background: -webkit-linear-gradient(top, #2BACA5 0%, #108385 50%, #00575E 100%);
    background: linear-gradient(to bottom, #2BACA5 0%, #108385 50%, #00575E 100%);
}
</style>