#A2BBC7 - #516B86 | 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 #A2BBC7 to #516B86

#A2BBC7 #516B86

Calculate the color between two colors, #A2BBC7 and #516B86. 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)

#A2BBC7 - #516B86 | 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 #A2BBC7 as 0% and #516B86 as 100%.

0.0%	0.0% #A2BBC7	RGB 162 187 199	#A2BBC7
16.7%	16.7% #94ADBC	RGB 148 173 188	#94ADBC
33.3%	33.3% #87A0B1	RGB 135 160 177	#87A0B1
50.0%	50.0% #7993A6	RGB 121 147 166	#7993A6
66.7%	66.7% #6C859B	RGB 108 133 155	#6C859B
83.3%	83.3% #5E7890	RGB 94 120 144	#5E7890
100.0%	100.0% #516B86	RGB 81 107 134	#516B86

#A2BBC7 #94ADBC #87A0B1 #7993A6 #6C859B #5E7890 #516B86

#A2BBC7 - #516B86

HSV Blend

#A2BBC7 - #516B86 | 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 #A2BBC7 as 0% and #516B86 as 100%.

0.0%	0.0% #A2BBC7	RGB 162 187 199	#A2BBC7
16.7%	16.7% #92ADBC	RGB 146 173 188	#92ADBC
33.3%	33.3% #839FB1	RGB 131 159 177	#839FB1
50.0%	50.0% #7692A6	RGB 118 146 166	#7692A6
66.7%	66.7% #68849B	RGB 104 132 155	#68849B
83.3%	83.3% #5C7790	RGB 92 119 144	#5C7790
100.0%	100.0% #516B86	RGB 81 107 134	#516B86

#A2BBC7 #92ADBC #839FB1 #7692A6 #68849B #5C7790 #516B86

#A2BBC7 - #7692A6 - #516B86

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2BBC7 0%, #7692A6 50%, #516B86 100%);
    background: -webkit-linear-gradient(top, #A2BBC7 0%, #7692A6 50%, #516B86 100%);
    background: linear-gradient(to bottom, #A2BBC7 0%, #7692A6 50%, #516B86 100%);
}
</style>