#A0AFD9 - #2D323E | 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 #A0AFD9 to #2D323E

#A0AFD9 #2D323E

Calculate the color between two colors, #A0AFD9 and #2D323E. 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)

#A0AFD9 - #2D323E | 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 #A0AFD9 as 0% and #2D323E as 100%.

0.0%	0.0% #A0AFD9	RGB 160 175 217	#A0AFD9
16.7%	16.7% #8C9ABF	RGB 140 154 191	#8C9ABF
33.3%	33.3% #7985A5	RGB 121 133 165	#7985A5
50.0%	50.0% #66708B	RGB 102 112 139	#66708B
66.7%	66.7% #535B71	RGB 83 91 113	#535B71
83.3%	83.3% #404657	RGB 64 70 87	#404657
100.0%	100.0% #2D323E	RGB 45 50 62	#2D323E

#A0AFD9 #8C9ABF #7985A5 #66708B #535B71 #404657 #2D323E

#A0AFD9 - #2D323E

HSV Blend

#A0AFD9 - #2D323E | 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 #A0AFD9 as 0% and #2D323E as 100%.

0.0%	0.0% #A0AFD9	RGB 160 175 217	#A0AFD9
16.7%	16.7% #8C9ABF	RGB 140 154 191	#8C9ABF
33.3%	33.3% #7985A5	RGB 121 133 165	#7985A5
50.0%	50.0% #66708B	RGB 102 112 139	#66708B
66.7%	66.7% #525B71	RGB 82 91 113	#525B71
83.3%	83.3% #3F4657	RGB 63 70 87	#3F4657
100.0%	100.0% #2D323E	RGB 45 50 62	#2D323E

#A0AFD9 #8C9ABF #7985A5 #66708B #525B71 #3F4657 #2D323E

#A0AFD9 - #66708B - #2D323E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0AFD9 0%, #66708B 50%, #2D323E 100%);
    background: -webkit-linear-gradient(top, #A0AFD9 0%, #66708B 50%, #2D323E 100%);
    background: linear-gradient(to bottom, #A0AFD9 0%, #66708B 50%, #2D323E 100%);
}
</style>