#2FBCA2 - #C3EBE4 | 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 #2FBCA2 to #C3EBE4

#2FBCA2 #C3EBE4

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

#2FBCA2 - #C3EBE4 | 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 #2FBCA2 as 0% and #C3EBE4 as 100%.

0.0%	0.0% #2FBCA2	RGB 47 188 162	#2FBCA2
16.7%	16.7% #47C3AD	RGB 71 195 173	#47C3AD
33.3%	33.3% #60CBB8	RGB 96 203 184	#60CBB8
50.0%	50.0% #79D3C3	RGB 121 211 195	#79D3C3
66.7%	66.7% #91DBCE	RGB 145 219 206	#91DBCE
83.3%	83.3% #AAE3D9	RGB 170 227 217	#AAE3D9
100.0%	100.0% #C3EBE4	RGB 195 235 228	#C3EBE4

#2FBCA2 #47C3AD #60CBB8 #79D3C3 #91DBCE #AAE3D9 #C3EBE4

#2FBCA2 - #C3EBE4

HSV Blend

#2FBCA2 - #C3EBE4 | 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 #2FBCA2 as 0% and #C3EBE4 as 100%.

0.0%	0.0% #2FBCA1	RGB 47 188 161	#2FBCA1
16.7%	16.7% #43C3AC	RGB 67 195 172	#43C3AC
33.3%	33.3% #5ACBB7	RGB 90 203 183	#5ACBB7
50.0%	50.0% #72D3C2	RGB 114 211 194	#72D3C2
66.7%	66.7% #8BDBCD	RGB 139 219 205	#8BDBCD
83.3%	83.3% #A6E3D8	RGB 166 227 216	#A6E3D8
100.0%	100.0% #C3EBE4	RGB 195 235 228	#C3EBE4

#2FBCA1 #43C3AC #5ACBB7 #72D3C2 #8BDBCD #A6E3D8 #C3EBE4

#2FBCA2 - #72D3C2 - #C3EBE4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FBCA1 0%, #72D3C2 50%, #C3EBE4 100%);
    background: -webkit-linear-gradient(top, #2FBCA1 0%, #72D3C2 50%, #C3EBE4 100%);
    background: linear-gradient(to bottom, #2FBCA1 0%, #72D3C2 50%, #C3EBE4 100%);
}
</style>