#A6FEFF - #48C7DF | 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 #A6FEFF to #48C7DF

#A6FEFF #48C7DF

Calculate the color between two colors, #A6FEFF and #48C7DF. 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)

#A6FEFF - #48C7DF | 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 #A6FEFF as 0% and #48C7DF as 100%.

0.0%	0.0% #A6FEFF	RGB 166 254 255	#A6FEFF
16.7%	16.7% #96F4F9	RGB 150 244 249	#96F4F9
33.3%	33.3% #86EBF4	RGB 134 235 244	#86EBF4
50.0%	50.0% #77E2EF	RGB 119 226 239	#77E2EF
66.7%	66.7% #67D9E9	RGB 103 217 233	#67D9E9
83.3%	83.3% #57D0E4	RGB 87 208 228	#57D0E4
100.0%	100.0% #48C7DF	RGB 72 199 223	#48C7DF

#A6FEFF #96F4F9 #86EBF4 #77E2EF #67D9E9 #57D0E4 #48C7DF

#A6FEFF - #48C7DF

HSV Blend

#A6FEFF - #48C7DF | 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 #A6FEFF as 0% and #48C7DF as 100%.

0.0%	0.0% #A6FEFF	RGB 166 254 255	#A6FEFF
16.7%	16.7% #94F6F9	RGB 148 246 249	#94F6F9
33.3%	33.3% #84EDF4	RGB 132 237 244	#84EDF4
50.0%	50.0% #74E4EF	RGB 116 228 239	#74E4EF
66.7%	66.7% #65DBE9	RGB 101 219 233	#65DBE9
83.3%	83.3% #56D1E4	RGB 86 209 228	#56D1E4
100.0%	100.0% #48C7DF	RGB 72 199 223	#48C7DF

#A6FEFF #94F6F9 #84EDF4 #74E4EF #65DBE9 #56D1E4 #48C7DF

#A6FEFF - #74E4EF - #48C7DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A6FEFF 0%, #74E4EF 50%, #48C7DF 100%);
    background: -webkit-linear-gradient(top, #A6FEFF 0%, #74E4EF 50%, #48C7DF 100%);
    background: linear-gradient(to bottom, #A6FEFF 0%, #74E4EF 50%, #48C7DF 100%);
}
</style>