#A8CCFD - #2664D9 | 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 #A8CCFD to #2664D9

#A8CCFD #2664D9

Calculate the color between two colors, #A8CCFD and #2664D9. 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)

#A8CCFD - #2664D9 | 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 #A8CCFD as 0% and #2664D9 as 100%.

0.0%	0.0% #A8CCFD	RGB 168 204 253	#A8CCFD
16.7%	16.7% #92BAF7	RGB 146 186 247	#92BAF7
33.3%	33.3% #7CA9F1	RGB 124 169 241	#7CA9F1
50.0%	50.0% #6798EB	RGB 103 152 235	#6798EB
66.7%	66.7% #5186E5	RGB 81 134 229	#5186E5
83.3%	83.3% #3B75DF	RGB 59 117 223	#3B75DF
100.0%	100.0% #2664D9	RGB 38 100 217	#2664D9

#A8CCFD #92BAF7 #7CA9F1 #6798EB #5186E5 #3B75DF #2664D9

#A8CCFD - #2664D9

HSV Blend

#A8CCFD - #2664D9 | 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 #A8CCFD as 0% and #2664D9 as 100%.

0.0%	0.0% #A8CCFD	RGB 168 204 253	#A8CCFD
16.7%	16.7% #8FBAF7	RGB 143 186 247	#8FBAF7
33.3%	33.3% #78A8F1	RGB 120 168 241	#78A8F1
50.0%	50.0% #6297EB	RGB 98 151 235	#6297EB
66.7%	66.7% #4D85E5	RGB 77 133 229	#4D85E5
83.3%	83.3% #3974DF	RGB 57 116 223	#3974DF
100.0%	100.0% #2664D9	RGB 38 100 217	#2664D9

#A8CCFD #8FBAF7 #78A8F1 #6297EB #4D85E5 #3974DF #2664D9

#A8CCFD - #6297EB - #2664D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CCFD 0%, #6297EB 50%, #2664D9 100%);
    background: -webkit-linear-gradient(top, #A8CCFD 0%, #6297EB 50%, #2664D9 100%);
    background: linear-gradient(to bottom, #A8CCFD 0%, #6297EB 50%, #2664D9 100%);
}
</style>