#A1B2D9 - #46619C | 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 #A1B2D9 to #46619C

#A1B2D9 #46619C

Calculate the color between two colors, #A1B2D9 and #46619C. 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)

#A1B2D9 - #46619C | 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 #A1B2D9 as 0% and #46619C as 100%.

0.0%	0.0% #A1B2D9	RGB 161 178 217	#A1B2D9
16.7%	16.7% #91A4CE	RGB 145 164 206	#91A4CE
33.3%	33.3% #8297C4	RGB 130 151 196	#8297C4
50.0%	50.0% #7389BA	RGB 115 137 186	#7389BA
66.7%	66.7% #647CB0	RGB 100 124 176	#647CB0
83.3%	83.3% #556EA6	RGB 85 110 166	#556EA6
100.0%	100.0% #46619C	RGB 70 97 156	#46619C

#A1B2D9 #91A4CE #8297C4 #7389BA #647CB0 #556EA6 #46619C

#A1B2D9 - #46619C

HSV Blend

#A1B2D9 - #46619C | 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 #A1B2D9 as 0% and #46619C as 100%.

0.0%	0.0% #A1B2D9	RGB 161 178 217	#A1B2D9
16.7%	16.7% #8FA2CE	RGB 143 162 206	#8FA2CE
33.3%	33.3% #7E94C4	RGB 126 148 196	#7E94C4
50.0%	50.0% #6F86BA	RGB 111 134 186	#6F86BA
66.7%	66.7% #6079B0	RGB 96 121 176	#6079B0
83.3%	83.3% #526CA6	RGB 82 108 166	#526CA6
100.0%	100.0% #46619C	RGB 70 97 156	#46619C

#A1B2D9 #8FA2CE #7E94C4 #6F86BA #6079B0 #526CA6 #46619C

#A1B2D9 - #6F86BA - #46619C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1B2D9 0%, #6F86BA 50%, #46619C 100%);
    background: -webkit-linear-gradient(top, #A1B2D9 0%, #6F86BA 50%, #46619C 100%);
    background: linear-gradient(to bottom, #A1B2D9 0%, #6F86BA 50%, #46619C 100%);
}
</style>