#A1A8C5 - #465A81 | 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 #A1A8C5 to #465A81

#A1A8C5 #465A81

Calculate the color between two colors, #A1A8C5 and #465A81. 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)

#A1A8C5 - #465A81 | 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 #A1A8C5 as 0% and #465A81 as 100%.

0.0%	0.0% #A1A8C5	RGB 161 168 197	#A1A8C5
16.7%	16.7% #919BB9	RGB 145 155 185	#919BB9
33.3%	33.3% #828EAE	RGB 130 142 174	#828EAE
50.0%	50.0% #7381A3	RGB 115 129 163	#7381A3
66.7%	66.7% #647497	RGB 100 116 151	#647497
83.3%	83.3% #55678C	RGB 85 103 140	#55678C
100.0%	100.0% #465A81	RGB 70 90 129	#465A81

#A1A8C5 #919BB9 #828EAE #7381A3 #647497 #55678C #465A81

#A1A8C5 - #465A81

HSV Blend

#A1A8C5 - #465A81 | 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 #A1A8C5 as 0% and #465A81 as 100%.

0.0%	0.0% #A1A8C5	RGB 161 168 197	#A1A8C5
16.7%	16.7% #8F98B9	RGB 143 152 185	#8F98B9
33.3%	33.3% #7E8AAE	RGB 126 138 174	#7E8AAE
50.0%	50.0% #6E7CA3	RGB 110 124 163	#6E7CA3
66.7%	66.7% #607097	RGB 96 112 151	#607097
83.3%	83.3% #52648C	RGB 82 100 140	#52648C
100.0%	100.0% #465A81	RGB 70 90 129	#465A81

#A1A8C5 #8F98B9 #7E8AAE #6E7CA3 #607097 #52648C #465A81

#A1A8C5 - #6E7CA3 - #465A81

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1A8C5 0%, #6E7CA3 50%, #465A81 100%);
    background: -webkit-linear-gradient(top, #A1A8C5 0%, #6E7CA3 50%, #465A81 100%);
    background: linear-gradient(to bottom, #A1A8C5 0%, #6E7CA3 50%, #465A81 100%);
}
</style>