#A2D6D9 - #528BA1 | 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 #A2D6D9 to #528BA1

#A2D6D9 #528BA1

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

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

0.0%	0.0% #A2D6D9	RGB 162 214 217	#A2D6D9
16.7%	16.7% #94C9CF	RGB 148 201 207	#94C9CF
33.3%	33.3% #87BDC6	RGB 135 189 198	#87BDC6
50.0%	50.0% #7AB0BD	RGB 122 176 189	#7AB0BD
66.7%	66.7% #6CA4B3	RGB 108 164 179	#6CA4B3
83.3%	83.3% #5F97AA	RGB 95 151 170	#5F97AA
100.0%	100.0% #528BA1	RGB 82 139 161	#528BA1

#A2D6D9 #94C9CF #87BDC6 #7AB0BD #6CA4B3 #5F97AA #528BA1

#A2D6D9 - #528BA1

HSV Blend

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

0.0%	0.0% #A2D6D9	RGB 162 214 217	#A2D6D9
16.7%	16.7% #92CACF	RGB 146 202 207	#92CACF
33.3%	33.3% #84BDC6	RGB 132 189 198	#84BDC6
50.0%	50.0% #76B1BD	RGB 118 177 189	#76B1BD
66.7%	66.7% #69A4B3	RGB 105 164 179	#69A4B3
83.3%	83.3% #5D97AA	RGB 93 151 170	#5D97AA
100.0%	100.0% #528BA1	RGB 82 139 161	#528BA1

#A2D6D9 #92CACF #84BDC6 #76B1BD #69A4B3 #5D97AA #528BA1

#A2D6D9 - #76B1BD - #528BA1

CSS codes

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

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