#A1F2FF - #3EBDD5 | 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 #A1F2FF to #3EBDD5

#A1F2FF #3EBDD5

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

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

0.0%	0.0% #A1F2FF	RGB 161 242 255	#A1F2FF
16.7%	16.7% #90E9F8	RGB 144 233 248	#90E9F8
33.3%	33.3% #80E0F1	RGB 128 224 241	#80E0F1
50.0%	50.0% #6FD7EA	RGB 111 215 234	#6FD7EA
66.7%	66.7% #5FCEE3	RGB 95 206 227	#5FCEE3
83.3%	83.3% #4EC5DC	RGB 78 197 220	#4EC5DC
100.0%	100.0% #3EBDD5	RGB 62 189 213	#3EBDD5

#A1F2FF #90E9F8 #80E0F1 #6FD7EA #5FCEE3 #4EC5DC #3EBDD5

#A1F2FF - #3EBDD5

HSV Blend

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

0.0%	0.0% #A1F2FF	RGB 161 242 255	#A1F2FF
16.7%	16.7% #8EE9F8	RGB 142 233 248	#8EE9F8
33.3%	33.3% #7CE0F1	RGB 124 224 241	#7CE0F1
50.0%	50.0% #6BD7EA	RGB 107 215 234	#6BD7EA
66.7%	66.7% #5BCEE3	RGB 91 206 227	#5BCEE3
83.3%	83.3% #4CC5DC	RGB 76 197 220	#4CC5DC
100.0%	100.0% #3EBDD5	RGB 62 189 213	#3EBDD5

#A1F2FF #8EE9F8 #7CE0F1 #6BD7EA #5BCEE3 #4CC5DC #3EBDD5

#A1F2FF - #6BD7EA - #3EBDD5

CSS codes

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

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