#18D7DF - #A8FDFF | 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 #18D7DF to #A8FDFF

#18D7DF #A8FDFF

Calculate the color between two colors, #18D7DF and #A8FDFF. 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)

#18D7DF - #A8FDFF | 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 #18D7DF as 0% and #A8FDFF as 100%.

0.0%	0.0% #18D7DF	RGB 24 215 223	#18D7DF
16.7%	16.7% #30DDE4	RGB 48 221 228	#30DDE4
33.3%	33.3% #48E3E9	RGB 72 227 233	#48E3E9
50.0%	50.0% #60EAEF	RGB 96 234 239	#60EAEF
66.7%	66.7% #78F0F4	RGB 120 240 244	#78F0F4
83.3%	83.3% #90F6F9	RGB 144 246 249	#90F6F9
100.0%	100.0% #A8FDFF	RGB 168 253 255	#A8FDFF

#18D7DF #30DDE4 #48E3E9 #60EAEF #78F0F4 #90F6F9 #A8FDFF

#18D7DF - #A8FDFF

HSV Blend

#18D7DF - #A8FDFF | 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 #18D7DF as 0% and #A8FDFF as 100%.

0.0%	0.0% #18D7DF	RGB 24 215 223	#18D7DF
16.7%	16.7% #2DDDE4	RGB 45 221 228	#2DDDE4
33.3%	33.3% #44E3E9	RGB 68 227 233	#44E3E9
50.0%	50.0% #5BEAEF	RGB 91 234 239	#5BEAEF
66.7%	66.7% #74F0F4	RGB 116 240 244	#74F0F4
83.3%	83.3% #8DF6F9	RGB 141 246 249	#8DF6F9
100.0%	100.0% #A8FDFF	RGB 168 253 255	#A8FDFF

#18D7DF #2DDDE4 #44E3E9 #5BEAEF #74F0F4 #8DF6F9 #A8FDFF

#18D7DF - #5BEAEF - #A8FDFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #18D7DF 0%, #5BEAEF 50%, #A8FDFF 100%);
    background: -webkit-linear-gradient(top, #18D7DF 0%, #5BEAEF 50%, #A8FDFF 100%);
    background: linear-gradient(to bottom, #18D7DF 0%, #5BEAEF 50%, #A8FDFF 100%);
}
</style>