#AAE5FF - #4B9FDB | 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 #AAE5FF to #4B9FDB

#AAE5FF #4B9FDB

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

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

0.0%	0.0% #AAE5FF	RGB 170 229 255	#AAE5FF
16.7%	16.7% #9AD9F9	RGB 154 217 249	#9AD9F9
33.3%	33.3% #8ACDF3	RGB 138 205 243	#8ACDF3
50.0%	50.0% #7AC2ED	RGB 122 194 237	#7AC2ED
66.7%	66.7% #6AB6E7	RGB 106 182 231	#6AB6E7
83.3%	83.3% #5AAAE1	RGB 90 170 225	#5AAAE1
100.0%	100.0% #4B9FDB	RGB 75 159 219	#4B9FDB

#AAE5FF #9AD9F9 #8ACDF3 #7AC2ED #6AB6E7 #5AAAE1 #4B9FDB

#AAE5FF - #4B9FDB

HSV Blend

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

0.0%	0.0% #AAE5FF	RGB 170 229 255	#AAE5FF
16.7%	16.7% #98D9F9	RGB 152 217 249	#98D9F9
33.3%	33.3% #87CEF3	RGB 135 206 243	#87CEF3
50.0%	50.0% #77C2ED	RGB 119 194 237	#77C2ED
66.7%	66.7% #68B6E7	RGB 104 182 231	#68B6E7
83.3%	83.3% #59AAE1	RGB 89 170 225	#59AAE1
100.0%	100.0% #4B9FDB	RGB 75 159 219	#4B9FDB

#AAE5FF #98D9F9 #87CEF3 #77C2ED #68B6E7 #59AAE1 #4B9FDB

#AAE5FF - #77C2ED - #4B9FDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAE5FF 0%, #77C2ED 50%, #4B9FDB 100%);
    background: -webkit-linear-gradient(top, #AAE5FF 0%, #77C2ED 50%, #4B9FDB 100%);
    background: linear-gradient(to bottom, #AAE5FF 0%, #77C2ED 50%, #4B9FDB 100%);
}
</style>