#A8ECFE - #48AFD6 | 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 #A8ECFE to #48AFD6

#A8ECFE #48AFD6

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

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

0.0%	0.0% #A8ECFE	RGB 168 236 254	#A8ECFE
16.7%	16.7% #98E1F7	RGB 152 225 247	#98E1F7
33.3%	33.3% #88D7F0	RGB 136 215 240	#88D7F0
50.0%	50.0% #78CDEA	RGB 120 205 234	#78CDEA
66.7%	66.7% #68C3E3	RGB 104 195 227	#68C3E3
83.3%	83.3% #58B9DC	RGB 88 185 220	#58B9DC
100.0%	100.0% #48AFD6	RGB 72 175 214	#48AFD6

#A8ECFE #98E1F7 #88D7F0 #78CDEA #68C3E3 #58B9DC #48AFD6

#A8ECFE - #48AFD6

HSV Blend

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

0.0%	0.0% #A8ECFE	RGB 168 236 254	#A8ECFE
16.7%	16.7% #96E1F7	RGB 150 225 247	#96E1F7
33.3%	33.3% #85D7F0	RGB 133 215 240	#85D7F0
50.0%	50.0% #74CDEA	RGB 116 205 234	#74CDEA
66.7%	66.7% #65C3E3	RGB 101 195 227	#65C3E3
83.3%	83.3% #56B9DC	RGB 86 185 220	#56B9DC
100.0%	100.0% #48AFD6	RGB 72 175 214	#48AFD6

#A8ECFE #96E1F7 #85D7F0 #74CDEA #65C3E3 #56B9DC #48AFD6

#A8ECFE - #74CDEA - #48AFD6

CSS codes

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

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