#A8C9FC - #2C70E5 | 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 #A8C9FC to #2C70E5

#A8C9FC #2C70E5

Calculate the color between two colors, #A8C9FC and #2C70E5. 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)

#A8C9FC - #2C70E5 | 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 #A8C9FC as 0% and #2C70E5 as 100%.

0.0%	0.0% #A8C9FC	RGB 168 201 252	#A8C9FC
16.7%	16.7% #93BAF8	RGB 147 186 248	#93BAF8
33.3%	33.3% #7EABF4	RGB 126 171 244	#7EABF4
50.0%	50.0% #6A9CF0	RGB 106 156 240	#6A9CF0
66.7%	66.7% #558DEC	RGB 85 141 236	#558DEC
83.3%	83.3% #407EE8	RGB 64 126 232	#407EE8
100.0%	100.0% #2C70E5	RGB 44 112 229	#2C70E5

#A8C9FC #93BAF8 #7EABF4 #6A9CF0 #558DEC #407EE8 #2C70E5

#A8C9FC - #2C70E5

HSV Blend

#A8C9FC - #2C70E5 | 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 #A8C9FC as 0% and #2C70E5 as 100%.

0.0%	0.0% #A8C9FC	RGB 168 201 252	#A8C9FC
16.7%	16.7% #91B9F8	RGB 145 185 248	#91B9F8
33.3%	33.3% #7CAAF4	RGB 124 170 244	#7CAAF4
50.0%	50.0% #679BF0	RGB 103 155 240	#679BF0
66.7%	66.7% #528CEC	RGB 82 140 236	#528CEC
83.3%	83.3% #3F7EE8	RGB 63 126 232	#3F7EE8
100.0%	100.0% #2C70E5	RGB 44 112 229	#2C70E5

#A8C9FC #91B9F8 #7CAAF4 #679BF0 #528CEC #3F7EE8 #2C70E5

#A8C9FC - #679BF0 - #2C70E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C9FC 0%, #679BF0 50%, #2C70E5 100%);
    background: -webkit-linear-gradient(top, #A8C9FC 0%, #679BF0 50%, #2C70E5 100%);
    background: linear-gradient(to bottom, #A8C9FC 0%, #679BF0 50%, #2C70E5 100%);
}
</style>