#3BAEDA - #C1E3DA | 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 #3BAEDA to #C1E3DA

#3BAEDA #C1E3DA

Calculate the color between two colors, #3BAEDA and #C1E3DA. 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)

#3BAEDA - #C1E3DA | 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 #3BAEDA as 0% and #C1E3DA as 100%.

0.0%	0.0% #3BAEDA	RGB 59 174 218	#3BAEDA
16.7%	16.7% #51B6DA	RGB 81 182 218	#51B6DA
33.3%	33.3% #67BFDA	RGB 103 191 218	#67BFDA
50.0%	50.0% #7EC8DA	RGB 126 200 218	#7EC8DA
66.7%	66.7% #94D1DA	RGB 148 209 218	#94D1DA
83.3%	83.3% #AADADA	RGB 170 218 218	#AADADA
100.0%	100.0% #C1E3DA	RGB 193 227 218	#C1E3DA

#3BAEDA #51B6DA #67BFDA #7EC8DA #94D1DA #AADADA #C1E3DA

#3BAEDA - #C1E3DA

HSV Blend

#3BAEDA - #C1E3DA | 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 #3BAEDA as 0% and #C1E3DA as 100%.

0.0%	0.0% #3BAEDA	RGB 59 174 218	#3BAEDA
16.7%	16.7% #50C1DB	RGB 80 193 219	#50C1DB
33.3%	33.3% #66D1DD	RGB 102 209 221	#66D1DD
50.0%	50.0% #7CDDDE	RGB 124 221 222	#7CDDDE
66.7%	66.7% #93E0D9	RGB 147 224 217	#93E0D9
83.3%	83.3% #A9E1D7	RGB 169 225 215	#A9E1D7
100.0%	100.0% #C1E3DA	RGB 193 227 218	#C1E3DA

#3BAEDA #50C1DB #66D1DD #7CDDDE #93E0D9 #A9E1D7 #C1E3DA

#3BAEDA - #7CDDDE - #C1E3DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3BAEDA 0%, #7CDDDE 50%, #C1E3DA 100%);
    background: -webkit-linear-gradient(top, #3BAEDA 0%, #7CDDDE 50%, #C1E3DA 100%);
    background: linear-gradient(to bottom, #3BAEDA 0%, #7CDDDE 50%, #C1E3DA 100%);
}
</style>