#A0AFD1 - #2D323B | 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 #A0AFD1 to #2D323B

#A0AFD1 #2D323B

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

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

0.0%	0.0% #A0AFD1	RGB 160 175 209	#A0AFD1
16.7%	16.7% #8C9AB8	RGB 140 154 184	#8C9AB8
33.3%	33.3% #79859F	RGB 121 133 159	#79859F
50.0%	50.0% #667086	RGB 102 112 134	#667086
66.7%	66.7% #535B6D	RGB 83 91 109	#535B6D
83.3%	83.3% #404654	RGB 64 70 84	#404654
100.0%	100.0% #2D323B	RGB 45 50 59	#2D323B

#A0AFD1 #8C9AB8 #79859F #667086 #535B6D #404654 #2D323B

#A0AFD1 - #2D323B

HSV Blend

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

0.0%	0.0% #A0AED1	RGB 160 174 209	#A0AED1
16.7%	16.7% #8C9AB8	RGB 140 154 184	#8C9AB8
33.3%	33.3% #79859F	RGB 121 133 159	#79859F
50.0%	50.0% #667086	RGB 102 112 134	#667086
66.7%	66.7% #535C6D	RGB 83 92 109	#535C6D
83.3%	83.3% #404754	RGB 64 71 84	#404754
100.0%	100.0% #2D323B	RGB 45 50 59	#2D323B

#A0AED1 #8C9AB8 #79859F #667086 #535C6D #404754 #2D323B

#A0AFD1 - #667086 - #2D323B

CSS codes

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

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