#A2D6DB - #518BA3 | 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 #A2D6DB to #518BA3

#A2D6DB #518BA3

Calculate the color between two colors, #A2D6DB and #518BA3. 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)

#A2D6DB - #518BA3 | 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 #A2D6DB as 0% and #518BA3 as 100%.

0.0%	0.0% #A2D6DB	RGB 162 214 219	#A2D6DB
16.7%	16.7% #94C9D1	RGB 148 201 209	#94C9D1
33.3%	33.3% #87BDC8	RGB 135 189 200	#87BDC8
50.0%	50.0% #79B0BF	RGB 121 176 191	#79B0BF
66.7%	66.7% #6CA4B5	RGB 108 164 181	#6CA4B5
83.3%	83.3% #5E97AC	RGB 94 151 172	#5E97AC
100.0%	100.0% #518BA3	RGB 81 139 163	#518BA3

#A2D6DB #94C9D1 #87BDC8 #79B0BF #6CA4B5 #5E97AC #518BA3

#A2D6DB - #518BA3

HSV Blend

#A2D6DB - #518BA3 | 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 #A2D6DB as 0% and #518BA3 as 100%.

0.0%	0.0% #A2D6DB	RGB 162 214 219	#A2D6DB
16.7%	16.7% #92C9D1	RGB 146 201 209	#92C9D1
33.3%	33.3% #83BDC8	RGB 131 189 200	#83BDC8
50.0%	50.0% #76B1BF	RGB 118 177 191	#76B1BF
66.7%	66.7% #68A4B5	RGB 104 164 181	#68A4B5
83.3%	83.3% #5C97AC	RGB 92 151 172	#5C97AC
100.0%	100.0% #518BA3	RGB 81 139 163	#518BA3

#A2D6DB #92C9D1 #83BDC8 #76B1BF #68A4B5 #5C97AC #518BA3

#A2D6DB - #76B1BF - #518BA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2D6DB 0%, #76B1BF 50%, #518BA3 100%);
    background: -webkit-linear-gradient(top, #A2D6DB 0%, #76B1BF 50%, #518BA3 100%);
    background: linear-gradient(to bottom, #A2D6DB 0%, #76B1BF 50%, #518BA3 100%);
}
</style>