#A1C5E8 - #3979BA | 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 #A1C5E8 to #3979BA

#A1C5E8 #3979BA

Calculate the color between two colors, #A1C5E8 and #3979BA. 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)

#A1C5E8 - #3979BA | 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 #A1C5E8 as 0% and #3979BA as 100%.

0.0%	0.0% #A1C5E8	RGB 161 197 232	#A1C5E8
16.7%	16.7% #8FB8E0	RGB 143 184 224	#8FB8E0
33.3%	33.3% #7EABD8	RGB 126 171 216	#7EABD8
50.0%	50.0% #6D9FD1	RGB 109 159 209	#6D9FD1
66.7%	66.7% #5B92C9	RGB 91 146 201	#5B92C9
83.3%	83.3% #4A85C1	RGB 74 133 193	#4A85C1
100.0%	100.0% #3979BA	RGB 57 121 186	#3979BA

#A1C5E8 #8FB8E0 #7EABD8 #6D9FD1 #5B92C9 #4A85C1 #3979BA

#A1C5E8 - #3979BA

HSV Blend

#A1C5E8 - #3979BA | 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 #A1C5E8 as 0% and #3979BA as 100%.

0.0%	0.0% #A1C5E8	RGB 161 197 232	#A1C5E8
16.7%	16.7% #8DB7E0	RGB 141 183 224	#8DB7E0
33.3%	33.3% #7AA9D8	RGB 122 169 216	#7AA9D8
50.0%	50.0% #689CD1	RGB 104 156 209	#689CD1
66.7%	66.7% #5790C9	RGB 87 144 201	#5790C9
83.3%	83.3% #4784C1	RGB 71 132 193	#4784C1
100.0%	100.0% #3979BA	RGB 57 121 186	#3979BA

#A1C5E8 #8DB7E0 #7AA9D8 #689CD1 #5790C9 #4784C1 #3979BA

#A1C5E8 - #689CD1 - #3979BA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1C5E8 0%, #689CD1 50%, #3979BA 100%);
    background: -webkit-linear-gradient(top, #A1C5E8 0%, #689CD1 50%, #3979BA 100%);
    background: linear-gradient(to bottom, #A1C5E8 0%, #689CD1 50%, #3979BA 100%);
}
</style>