#A8ABC0 - #3E4A8A | 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 #A8ABC0 to #3E4A8A

#A8ABC0 #3E4A8A

Calculate the color between two colors, #A8ABC0 and #3E4A8A. 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)

#A8ABC0 - #3E4A8A | 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 #A8ABC0 as 0% and #3E4A8A as 100%.

0.0%	0.0% #A8ABC0	RGB 168 171 192	#A8ABC0
16.7%	16.7% #969AB7	RGB 150 154 183	#969AB7
33.3%	33.3% #848AAE	RGB 132 138 174	#848AAE
50.0%	50.0% #737AA5	RGB 115 122 165	#737AA5
66.7%	66.7% #616A9C	RGB 97 106 156	#616A9C
83.3%	83.3% #4F5A93	RGB 79 90 147	#4F5A93
100.0%	100.0% #3E4A8A	RGB 62 74 138	#3E4A8A

#A8ABC0 #969AB7 #848AAE #737AA5 #616A9C #4F5A93 #3E4A8A

#A8ABC0 - #3E4A8A

HSV Blend

#A8ABC0 - #3E4A8A | 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 #A8ABC0 as 0% and #3E4A8A as 100%.

0.0%	0.0% #A8ABC0	RGB 168 171 192	#A8ABC0
16.7%	16.7% #9397B7	RGB 147 151 183	#9397B7
33.3%	33.3% #7F85AE	RGB 127 133 174	#7F85AE
50.0%	50.0% #6D75A5	RGB 109 117 165	#6D75A5
66.7%	66.7% #5C659C	RGB 92 101 156	#5C659C
83.3%	83.3% #4C5793	RGB 76 87 147	#4C5793
100.0%	100.0% #3E4A8A	RGB 62 74 138	#3E4A8A

#A8ABC0 #9397B7 #7F85AE #6D75A5 #5C659C #4C5793 #3E4A8A

#A8ABC0 - #6D75A5 - #3E4A8A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ABC0 0%, #6D75A5 50%, #3E4A8A 100%);
    background: -webkit-linear-gradient(top, #A8ABC0 0%, #6D75A5 50%, #3E4A8A 100%);
    background: linear-gradient(to bottom, #A8ABC0 0%, #6D75A5 50%, #3E4A8A 100%);
}
</style>