#A3C2FC - #426ED1 | 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 #A3C2FC to #426ED1

#A3C2FC #426ED1

Calculate the color between two colors, #A3C2FC and #426ED1. 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)

#A3C2FC - #426ED1 | 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 #A3C2FC as 0% and #426ED1 as 100%.

0.0%	0.0% #A3C2FC	RGB 163 194 252	#A3C2FC
16.7%	16.7% #92B4F4	RGB 146 180 244	#92B4F4
33.3%	33.3% #82A6ED	RGB 130 166 237	#82A6ED
50.0%	50.0% #7298E6	RGB 114 152 230	#7298E6
66.7%	66.7% #628ADF	RGB 98 138 223	#628ADF
83.3%	83.3% #527CD8	RGB 82 124 216	#527CD8
100.0%	100.0% #426ED1	RGB 66 110 209	#426ED1

#A3C2FC #92B4F4 #82A6ED #7298E6 #628ADF #527CD8 #426ED1

#A3C2FC - #426ED1

HSV Blend

#A3C2FC - #426ED1 | 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 #A3C2FC as 0% and #426ED1 as 100%.

0.0%	0.0% #A3C2FC	RGB 163 194 252	#A3C2FC
16.7%	16.7% #90B3F4	RGB 144 179 244	#90B3F4
33.3%	33.3% #7FA4ED	RGB 127 164 237	#7FA4ED
50.0%	50.0% #6E96E6	RGB 110 150 230	#6E96E6
66.7%	66.7% #5F88DF	RGB 95 136 223	#5F88DF
83.3%	83.3% #507AD8	RGB 80 122 216	#507AD8
100.0%	100.0% #426ED1	RGB 66 110 209	#426ED1

#A3C2FC #90B3F4 #7FA4ED #6E96E6 #5F88DF #507AD8 #426ED1

#A3C2FC - #6E96E6 - #426ED1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A3C2FC 0%, #6E96E6 50%, #426ED1 100%);
    background: -webkit-linear-gradient(top, #A3C2FC 0%, #6E96E6 50%, #426ED1 100%);
    background: linear-gradient(to bottom, #A3C2FC 0%, #6E96E6 50%, #426ED1 100%);
}
</style>