#2FC5D1 - #087B96 | 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 #2FC5D1 to #087B96

#2FC5D1 #087B96

Calculate the color between two colors, #2FC5D1 and #087B96. 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)

#2FC5D1 - #087B96 | 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 #2FC5D1 as 0% and #087B96 as 100%.

0.0%	0.0% #2FC5D1	RGB 47 197 209	#2FC5D1
16.7%	16.7% #28B8C7	RGB 40 184 199	#28B8C7
33.3%	33.3% #22ACBD	RGB 34 172 189	#22ACBD
50.0%	50.0% #1BA0B3	RGB 27 160 179	#1BA0B3
66.7%	66.7% #1593A9	RGB 21 147 169	#1593A9
83.3%	83.3% #0E879F	RGB 14 135 159	#0E879F
100.0%	100.0% #087B96	RGB 8 123 150	#087B96

#2FC5D1 #28B8C7 #22ACBD #1BA0B3 #1593A9 #0E879F #087B96

#2FC5D1 - #087B96

HSV Blend

#2FC5D1 - #087B96 | 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 #2FC5D1 as 0% and #087B96 as 100%.

0.0%	0.0% #2FC5D1	RGB 47 197 209	#2FC5D1
16.7%	16.7% #27B8C7	RGB 39 184 199	#27B8C7
33.3%	33.3% #1FABBD	RGB 31 171 189	#1FABBD
50.0%	50.0% #189FB3	RGB 24 159 179	#189FB3
66.7%	66.7% #1292A9	RGB 18 146 169	#1292A9
83.3%	83.3% #0D869F	RGB 13 134 159	#0D869F
100.0%	100.0% #087B96	RGB 8 123 150	#087B96

#2FC5D1 #27B8C7 #1FABBD #189FB3 #1292A9 #0D869F #087B96

#2FC5D1 - #189FB3 - #087B96

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FC5D1 0%, #189FB3 50%, #087B96 100%);
    background: -webkit-linear-gradient(top, #2FC5D1 0%, #189FB3 50%, #087B96 100%);
    background: linear-gradient(to bottom, #2FC5D1 0%, #189FB3 50%, #087B96 100%);
}
</style>