#A1AECE - #475E8D | 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 #A1AECE to #475E8D

#A1AECE #475E8D

Calculate the color between two colors, #A1AECE and #475E8D. 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)

#A1AECE - #475E8D | 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 #A1AECE as 0% and #475E8D as 100%.

0.0%	0.0% #A1AECE	RGB 161 174 206	#A1AECE
16.7%	16.7% #92A0C3	RGB 146 160 195	#92A0C3
33.3%	33.3% #8393B8	RGB 131 147 184	#8393B8
50.0%	50.0% #7486AD	RGB 116 134 173	#7486AD
66.7%	66.7% #6578A2	RGB 101 120 162	#6578A2
83.3%	83.3% #566B97	RGB 86 107 151	#566B97
100.0%	100.0% #475E8D	RGB 71 94 141	#475E8D

#A1AECE #92A0C3 #8393B8 #7486AD #6578A2 #566B97 #475E8D

#A1AECE - #475E8D

HSV Blend

#A1AECE - #475E8D | 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 #A1AECE as 0% and #475E8D as 100%.

0.0%	0.0% #A1AECE	RGB 161 174 206	#A1AECE
16.7%	16.7% #8F9EC3	RGB 143 158 195	#8F9EC3
33.3%	33.3% #7E90B8	RGB 126 144 184	#7E90B8
50.0%	50.0% #6F82AD	RGB 111 130 173	#6F82AD
66.7%	66.7% #6075A2	RGB 96 117 162	#6075A2
83.3%	83.3% #536997	RGB 83 105 151	#536997
100.0%	100.0% #475E8D	RGB 71 94 141	#475E8D

#A1AECE #8F9EC3 #7E90B8 #6F82AD #6075A2 #536997 #475E8D

#A1AECE - #6F82AD - #475E8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1AECE 0%, #6F82AD 50%, #475E8D 100%);
    background: -webkit-linear-gradient(top, #A1AECE 0%, #6F82AD 50%, #475E8D 100%);
    background: linear-gradient(to bottom, #A1AECE 0%, #6F82AD 50%, #475E8D 100%);
}
</style>