#A8D8FF - #5395EB | 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 #A8D8FF to #5395EB

#A8D8FF #5395EB

Calculate the color between two colors, #A8D8FF and #5395EB. 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)

#A8D8FF - #5395EB | 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 #A8D8FF as 0% and #5395EB as 100%.

0.0%	0.0% #A8D8FF	RGB 168 216 255	#A8D8FF
16.7%	16.7% #99CCFB	RGB 153 204 251	#99CCFB
33.3%	33.3% #8BC1F8	RGB 139 193 248	#8BC1F8
50.0%	50.0% #7DB6F5	RGB 125 182 245	#7DB6F5
66.7%	66.7% #6FABF1	RGB 111 171 241	#6FABF1
83.3%	83.3% #61A0EE	RGB 97 160 238	#61A0EE
100.0%	100.0% #5395EB	RGB 83 149 235	#5395EB

#A8D8FF #99CCFB #8BC1F8 #7DB6F5 #6FABF1 #61A0EE #5395EB

#A8D8FF - #5395EB

HSV Blend

#A8D8FF - #5395EB | 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 #A8D8FF as 0% and #5395EB as 100%.

0.0%	0.0% #A8D8FF	RGB 168 216 255	#A8D8FF
16.7%	16.7% #98CDFB	RGB 152 205 251	#98CDFB
33.3%	33.3% #8AC2F8	RGB 138 194 248	#8AC2F8
50.0%	50.0% #7BB7F5	RGB 123 183 245	#7BB7F5
66.7%	66.7% #6DACF1	RGB 109 172 241	#6DACF1
83.3%	83.3% #60A0EE	RGB 96 160 238	#60A0EE
100.0%	100.0% #5395EB	RGB 83 149 235	#5395EB

#A8D8FF #98CDFB #8AC2F8 #7BB7F5 #6DACF1 #60A0EE #5395EB

#A8D8FF - #7BB7F5 - #5395EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D8FF 0%, #7BB7F5 50%, #5395EB 100%);
    background: -webkit-linear-gradient(top, #A8D8FF 0%, #7BB7F5 50%, #5395EB 100%);
    background: linear-gradient(to bottom, #A8D8FF 0%, #7BB7F5 50%, #5395EB 100%);
}
</style>