#2FA2BC - #C3E4EB | 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 #2FA2BC to #C3E4EB

#2FA2BC #C3E4EB

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

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

0.0%	0.0% #2FA2BC	RGB 47 162 188	#2FA2BC
16.7%	16.7% #47ADC3	RGB 71 173 195	#47ADC3
33.3%	33.3% #60B8CB	RGB 96 184 203	#60B8CB
50.0%	50.0% #79C3D3	RGB 121 195 211	#79C3D3
66.7%	66.7% #91CEDB	RGB 145 206 219	#91CEDB
83.3%	83.3% #AAD9E3	RGB 170 217 227	#AAD9E3
100.0%	100.0% #C3E4EB	RGB 195 228 235	#C3E4EB

#2FA2BC #47ADC3 #60B8CB #79C3D3 #91CEDB #AAD9E3 #C3E4EB

#2FA2BC - #C3E4EB

HSV Blend

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

0.0%	0.0% #2FA1BC	RGB 47 161 188	#2FA1BC
16.7%	16.7% #43ACC3	RGB 67 172 195	#43ACC3
33.3%	33.3% #5AB7CB	RGB 90 183 203	#5AB7CB
50.0%	50.0% #72C2D3	RGB 114 194 211	#72C2D3
66.7%	66.7% #8BCDDB	RGB 139 205 219	#8BCDDB
83.3%	83.3% #A6D8E3	RGB 166 216 227	#A6D8E3
100.0%	100.0% #C3E4EB	RGB 195 228 235	#C3E4EB

#2FA1BC #43ACC3 #5AB7CB #72C2D3 #8BCDDB #A6D8E3 #C3E4EB

#2FA2BC - #72C2D3 - #C3E4EB

CSS codes

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

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