#3CD9DA - #9FDFF3 | 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 #3CD9DA to #9FDFF3

#3CD9DA #9FDFF3

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

#3CD9DA - #9FDFF3 | 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 #3CD9DA as 0% and #9FDFF3 as 100%.

0.0%	0.0% #3CD9DA	RGB 60 217 218	#3CD9DA
16.7%	16.7% #4CDADE	RGB 76 218 222	#4CDADE
33.3%	33.3% #5DDBE2	RGB 93 219 226	#5DDBE2
50.0%	50.0% #6DDCE6	RGB 109 220 230	#6DDCE6
66.7%	66.7% #7EDDEA	RGB 126 221 234	#7EDDEA
83.3%	83.3% #8EDEEE	RGB 142 222 238	#8EDEEE
100.0%	100.0% #9FDFF3	RGB 159 223 243	#9FDFF3

#3CD9DA #4CDADE #5DDBE2 #6DDCE6 #7EDDEA #8EDEEE #9FDFF3

#3CD9DA - #9FDFF3

HSV Blend

#3CD9DA - #9FDFF3 | 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 #3CD9DA as 0% and #9FDFF3 as 100%.

0.0%	0.0% #3CD9DA	RGB 60 217 218	#3CD9DA
16.7%	16.7% #4BD7DE	RGB 75 215 222	#4BD7DE
33.3%	33.3% #5AD7E2	RGB 90 215 226	#5AD7E2
50.0%	50.0% #6BD7E6	RGB 107 215 230	#6BD7E6
66.7%	66.7% #7BD8EA	RGB 123 216 234	#7BD8EA
83.3%	83.3% #8DDBEE	RGB 141 219 238	#8DDBEE
100.0%	100.0% #9FDFF3	RGB 159 223 243	#9FDFF3

#3CD9DA #4BD7DE #5AD7E2 #6BD7E6 #7BD8EA #8DDBEE #9FDFF3

#3CD9DA - #6BD7E6 - #9FDFF3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CD9DA 0%, #6BD7E6 50%, #9FDFF3 100%);
    background: -webkit-linear-gradient(top, #3CD9DA 0%, #6BD7E6 50%, #9FDFF3 100%);
    background: linear-gradient(to bottom, #3CD9DA 0%, #6BD7E6 50%, #9FDFF3 100%);
}
</style>