#3DAFDA - #6CE0FF | 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 #3DAFDA to #6CE0FF

#3DAFDA #6CE0FF

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

#3DAFDA - #6CE0FF | 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 #3DAFDA as 0% and #6CE0FF as 100%.

0.0%	0.0% #3DAFDA	RGB 61 175 218	#3DAFDA
16.7%	16.7% #44B7E0	RGB 68 183 224	#44B7E0
33.3%	33.3% #4CBFE6	RGB 76 191 230	#4CBFE6
50.0%	50.0% #54C7EC	RGB 84 199 236	#54C7EC
66.7%	66.7% #5CCFF2	RGB 92 207 242	#5CCFF2
83.3%	83.3% #64D7F8	RGB 100 215 248	#64D7F8
100.0%	100.0% #6CE0FF	RGB 108 224 255	#6CE0FF

#3DAFDA #44B7E0 #4CBFE6 #54C7EC #5CCFF2 #64D7F8 #6CE0FF

#3DAFDA - #6CE0FF

HSV Blend

#3DAFDA - #6CE0FF | 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 #3DAFDA as 0% and #6CE0FF as 100%.

0.0%	0.0% #3DAFDA	RGB 61 175 218	#3DAFDA
16.7%	16.7% #44B7E0	RGB 68 183 224	#44B7E0
33.3%	33.3% #4BBFE6	RGB 75 191 230	#4BBFE6
50.0%	50.0% #53C7EC	RGB 83 199 236	#53C7EC
66.7%	66.7% #5BCFF2	RGB 91 207 242	#5BCFF2
83.3%	83.3% #63D7F8	RGB 99 215 248	#63D7F8
100.0%	100.0% #6CE0FF	RGB 108 224 255	#6CE0FF

#3DAFDA #44B7E0 #4BBFE6 #53C7EC #5BCFF2 #63D7F8 #6CE0FF

#3DAFDA - #53C7EC - #6CE0FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3DAFDA 0%, #53C7EC 50%, #6CE0FF 100%);
    background: -webkit-linear-gradient(top, #3DAFDA 0%, #53C7EC 50%, #6CE0FF 100%);
    background: linear-gradient(to bottom, #3DAFDA 0%, #53C7EC 50%, #6CE0FF 100%);
}
</style>