#A8ABCD - #495D8B | 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 #A8ABCD to #495D8B

#A8ABCD #495D8B

Calculate the color between two colors, #A8ABCD and #495D8B. 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)

#A8ABCD - #495D8B | 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 #A8ABCD as 0% and #495D8B as 100%.

0.0%	0.0% #A8ABCD	RGB 168 171 205	#A8ABCD
16.7%	16.7% #989EC2	RGB 152 158 194	#989EC2
33.3%	33.3% #8891B7	RGB 136 145 183	#8891B7
50.0%	50.0% #7884AC	RGB 120 132 172	#7884AC
66.7%	66.7% #6877A1	RGB 104 119 161	#6877A1
83.3%	83.3% #586A96	RGB 88 106 150	#586A96
100.0%	100.0% #495D8B	RGB 73 93 139	#495D8B

#A8ABCD #989EC2 #8891B7 #7884AC #6877A1 #586A96 #495D8B

#A8ABCD - #495D8B

HSV Blend

#A8ABCD - #495D8B | 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 #A8ABCD as 0% and #495D8B as 100%.

0.0%	0.0% #A8ABCD	RGB 168 171 205	#A8ABCD
16.7%	16.7% #959AC2	RGB 149 154 194	#959AC2
33.3%	33.3% #848BB7	RGB 132 139 183	#848BB7
50.0%	50.0% #737EAC	RGB 115 126 172	#737EAC
66.7%	66.7% #6472A1	RGB 100 114 161	#6472A1
83.3%	83.3% #566796	RGB 86 103 150	#566796
100.0%	100.0% #495D8B	RGB 73 93 139	#495D8B

#A8ABCD #959AC2 #848BB7 #737EAC #6472A1 #566796 #495D8B

#A8ABCD - #737EAC - #495D8B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ABCD 0%, #737EAC 50%, #495D8B 100%);
    background: -webkit-linear-gradient(top, #A8ABCD 0%, #737EAC 50%, #495D8B 100%);
    background: linear-gradient(to bottom, #A8ABCD 0%, #737EAC 50%, #495D8B 100%);
}
</style>