#A8CDDD - #537FA4 | 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 #A8CDDD to #537FA4

#A8CDDD #537FA4

Calculate the color between two colors, #A8CDDD and #537FA4. 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)

#A8CDDD - #537FA4 | 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 #A8CDDD as 0% and #537FA4 as 100%.

0.0%	0.0% #A8CDDD	RGB 168 205 221	#A8CDDD
16.7%	16.7% #99C0D3	RGB 153 192 211	#99C0D3
33.3%	33.3% #8BB3CA	RGB 139 179 202	#8BB3CA
50.0%	50.0% #7DA6C0	RGB 125 166 192	#7DA6C0
66.7%	66.7% #6F99B7	RGB 111 153 183	#6F99B7
83.3%	83.3% #618CAD	RGB 97 140 173	#618CAD
100.0%	100.0% #537FA4	RGB 83 127 164	#537FA4

#A8CDDD #99C0D3 #8BB3CA #7DA6C0 #6F99B7 #618CAD #537FA4

#A8CDDD - #537FA4

HSV Blend

#A8CDDD - #537FA4 | 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 #A8CDDD as 0% and #537FA4 as 100%.

0.0%	0.0% #A8CDDD	RGB 168 205 221	#A8CDDD
16.7%	16.7% #97BFD3	RGB 151 191 211	#97BFD3
33.3%	33.3% #88B2CA	RGB 136 178 202	#88B2CA
50.0%	50.0% #79A5C0	RGB 121 165 192	#79A5C0
66.7%	66.7% #6C98B7	RGB 108 152 183	#6C98B7
83.3%	83.3% #5F8BAD	RGB 95 139 173	#5F8BAD
100.0%	100.0% #537FA4	RGB 83 127 164	#537FA4

#A8CDDD #97BFD3 #88B2CA #79A5C0 #6C98B7 #5F8BAD #537FA4

#A8CDDD - #79A5C0 - #537FA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CDDD 0%, #79A5C0 50%, #537FA4 100%);
    background: -webkit-linear-gradient(top, #A8CDDD 0%, #79A5C0 50%, #537FA4 100%);
    background: linear-gradient(to bottom, #A8CDDD 0%, #79A5C0 50%, #537FA4 100%);
}
</style>