#A2D9DA - #528FA3 | 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 #A2D9DA to #528FA3

#A2D9DA #528FA3

Calculate the color between two colors, #A2D9DA and #528FA3. 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)

#A2D9DA - #528FA3 | 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 #A2D9DA as 0% and #528FA3 as 100%.

0.0%	0.0% #A2D9DA	RGB 162 217 218	#A2D9DA
16.7%	16.7% #94CCD0	RGB 148 204 208	#94CCD0
33.3%	33.3% #87C0C7	RGB 135 192 199	#87C0C7
50.0%	50.0% #7AB4BE	RGB 122 180 190	#7AB4BE
66.7%	66.7% #6CA7B5	RGB 108 167 181	#6CA7B5
83.3%	83.3% #5F9BAC	RGB 95 155 172	#5F9BAC
100.0%	100.0% #528FA3	RGB 82 143 163	#528FA3

#A2D9DA #94CCD0 #87C0C7 #7AB4BE #6CA7B5 #5F9BAC #528FA3

#A2D9DA - #528FA3

HSV Blend

#A2D9DA - #528FA3 | 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 #A2D9DA as 0% and #528FA3 as 100%.

0.0%	0.0% #A2D9DA	RGB 162 217 218	#A2D9DA
16.7%	16.7% #92CDD0	RGB 146 205 208	#92CDD0
33.3%	33.3% #84C1C7	RGB 132 193 199	#84C1C7
50.0%	50.0% #76B4BE	RGB 118 180 190	#76B4BE
66.7%	66.7% #69A8B5	RGB 105 168 181	#69A8B5
83.3%	83.3% #5D9BAC	RGB 93 155 172	#5D9BAC
100.0%	100.0% #528FA3	RGB 82 143 163	#528FA3

#A2D9DA #92CDD0 #84C1C7 #76B4BE #69A8B5 #5D9BAC #528FA3

#A2D9DA - #76B4BE - #528FA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2D9DA 0%, #76B4BE 50%, #528FA3 100%);
    background: -webkit-linear-gradient(top, #A2D9DA 0%, #76B4BE 50%, #528FA3 100%);
    background: linear-gradient(to bottom, #A2D9DA 0%, #76B4BE 50%, #528FA3 100%);
}
</style>