#A2D5DB - #518AA3 | 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 #A2D5DB to #518AA3

#A2D5DB #518AA3

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

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

0.0%	0.0% #A2D5DB	RGB 162 213 219	#A2D5DB
16.7%	16.7% #94C8D1	RGB 148 200 209	#94C8D1
33.3%	33.3% #87BCC8	RGB 135 188 200	#87BCC8
50.0%	50.0% #79AFBF	RGB 121 175 191	#79AFBF
66.7%	66.7% #6CA3B5	RGB 108 163 181	#6CA3B5
83.3%	83.3% #5E96AC	RGB 94 150 172	#5E96AC
100.0%	100.0% #518AA3	RGB 81 138 163	#518AA3

#A2D5DB #94C8D1 #87BCC8 #79AFBF #6CA3B5 #5E96AC #518AA3

#A2D5DB - #518AA3

HSV Blend

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

0.0%	0.0% #A2D5DB	RGB 162 213 219	#A2D5DB
16.7%	16.7% #92C8D1	RGB 146 200 209	#92C8D1
33.3%	33.3% #83BCC8	RGB 131 188 200	#83BCC8
50.0%	50.0% #76B0BF	RGB 118 176 191	#76B0BF
66.7%	66.7% #68A3B5	RGB 104 163 181	#68A3B5
83.3%	83.3% #5C96AC	RGB 92 150 172	#5C96AC
100.0%	100.0% #518AA3	RGB 81 138 163	#518AA3

#A2D5DB #92C8D1 #83BCC8 #76B0BF #68A3B5 #5C96AC #518AA3

#A2D5DB - #76B0BF - #518AA3

CSS codes

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

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