#ACEEFD - #4FADD8 | 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 #ACEEFD to #4FADD8

#ACEEFD #4FADD8

Calculate the color between two colors, #ACEEFD and #4FADD8. 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)

#ACEEFD - #4FADD8 | 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 #ACEEFD as 0% and #4FADD8 as 100%.

0.0%	0.0% #ACEEFD	RGB 172 238 253	#ACEEFD
16.7%	16.7% #9CE3F6	RGB 156 227 246	#9CE3F6
33.3%	33.3% #8DD8F0	RGB 141 216 240	#8DD8F0
50.0%	50.0% #7DCDEA	RGB 125 205 234	#7DCDEA
66.7%	66.7% #6EC2E4	RGB 110 194 228	#6EC2E4
83.3%	83.3% #5EB7DE	RGB 94 183 222	#5EB7DE
100.0%	100.0% #4FADD8	RGB 79 173 216	#4FADD8

#ACEEFD #9CE3F6 #8DD8F0 #7DCDEA #6EC2E4 #5EB7DE #4FADD8

#ACEEFD - #4FADD8

HSV Blend

#ACEEFD - #4FADD8 | 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 #ACEEFD as 0% and #4FADD8 as 100%.

0.0%	0.0% #ACEEFD	RGB 172 238 253	#ACEEFD
16.7%	16.7% #9AE3F6	RGB 154 227 246	#9AE3F6
33.3%	33.3% #8AD9F0	RGB 138 217 240	#8AD9F0
50.0%	50.0% #7ACEEA	RGB 122 206 234	#7ACEEA
66.7%	66.7% #6BC3E4	RGB 107 195 228	#6BC3E4
83.3%	83.3% #5CB8DE	RGB 92 184 222	#5CB8DE
100.0%	100.0% #4FADD8	RGB 79 173 216	#4FADD8

#ACEEFD #9AE3F6 #8AD9F0 #7ACEEA #6BC3E4 #5CB8DE #4FADD8

#ACEEFD - #7ACEEA - #4FADD8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACEEFD 0%, #7ACEEA 50%, #4FADD8 100%);
    background: -webkit-linear-gradient(top, #ACEEFD 0%, #7ACEEA 50%, #4FADD8 100%);
    background: linear-gradient(to bottom, #ACEEFD 0%, #7ACEEA 50%, #4FADD8 100%);
}
</style>