#A8DAE7 - #5290B4 | 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 #A8DAE7 to #5290B4

#A8DAE7 #5290B4

Calculate the color between two colors, #A8DAE7 and #5290B4. 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)

#A8DAE7 - #5290B4 | 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 #A8DAE7 as 0% and #5290B4 as 100%.

0.0%	0.0% #A8DAE7	RGB 168 218 231	#A8DAE7
16.7%	16.7% #99CDDE	RGB 153 205 222	#99CDDE
33.3%	33.3% #8BC1D6	RGB 139 193 214	#8BC1D6
50.0%	50.0% #7DB5CD	RGB 125 181 205	#7DB5CD
66.7%	66.7% #6EA8C5	RGB 110 168 197	#6EA8C5
83.3%	83.3% #609CBC	RGB 96 156 188	#609CBC
100.0%	100.0% #5290B4	RGB 82 144 180	#5290B4

#A8DAE7 #99CDDE #8BC1D6 #7DB5CD #6EA8C5 #609CBC #5290B4

#A8DAE7 - #5290B4

HSV Blend

#A8DAE7 - #5290B4 | 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 #A8DAE7 as 0% and #5290B4 as 100%.

0.0%	0.0% #A8DAE7	RGB 168 218 231	#A8DAE7
16.7%	16.7% #97CEDE	RGB 151 206 222	#97CEDE
33.3%	33.3% #88C1D6	RGB 136 193 214	#88C1D6
50.0%	50.0% #79B5CD	RGB 121 181 205	#79B5CD
66.7%	66.7% #6BA8C5	RGB 107 168 197	#6BA8C5
83.3%	83.3% #5E9CBC	RGB 94 156 188	#5E9CBC
100.0%	100.0% #5290B4	RGB 82 144 180	#5290B4

#A8DAE7 #97CEDE #88C1D6 #79B5CD #6BA8C5 #5E9CBC #5290B4

#A8DAE7 - #79B5CD - #5290B4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8DAE7 0%, #79B5CD 50%, #5290B4 100%);
    background: -webkit-linear-gradient(top, #A8DAE7 0%, #79B5CD 50%, #5290B4 100%);
    background: linear-gradient(to bottom, #A8DAE7 0%, #79B5CD 50%, #5290B4 100%);
}
</style>