#A8CDC7 - #538D8B | 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 #A8CDC7 to #538D8B

#A8CDC7 #538D8B

Calculate the color between two colors, #A8CDC7 and #538D8B. 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)

#A8CDC7 - #538D8B | 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 #A8CDC7 as 0% and #538D8B as 100%.

0.0%	0.0% #A8CDC7	RGB 168 205 199	#A8CDC7
16.7%	16.7% #99C2BD	RGB 153 194 189	#99C2BD
33.3%	33.3% #8BB7B3	RGB 139 183 179	#8BB7B3
50.0%	50.0% #7DADA9	RGB 125 173 169	#7DADA9
66.7%	66.7% #6FA29F	RGB 111 162 159	#6FA29F
83.3%	83.3% #619795	RGB 97 151 149	#619795
100.0%	100.0% #538D8B	RGB 83 141 139	#538D8B

#A8CDC7 #99C2BD #8BB7B3 #7DADA9 #6FA29F #619795 #538D8B

#A8CDC7 - #538D8B

HSV Blend

#A8CDC7 - #538D8B | 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 #A8CDC7 as 0% and #538D8B as 100%.

0.0%	0.0% #A8CDC7	RGB 168 205 199	#A8CDC7
16.7%	16.7% #97C2BC	RGB 151 194 188	#97C2BC
33.3%	33.3% #88B7B2	RGB 136 183 178	#88B7B2
50.0%	50.0% #79ADA7	RGB 121 173 167	#79ADA7
66.7%	66.7% #6CA29E	RGB 108 162 158	#6CA29E
83.3%	83.3% #5F9794	RGB 95 151 148	#5F9794
100.0%	100.0% #538D8B	RGB 83 141 139	#538D8B

#A8CDC7 #97C2BC #88B7B2 #79ADA7 #6CA29E #5F9794 #538D8B

#A8CDC7 - #79ADA7 - #538D8B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CDC7 0%, #79ADA7 50%, #538D8B 100%);
    background: -webkit-linear-gradient(top, #A8CDC7 0%, #79ADA7 50%, #538D8B 100%);
    background: linear-gradient(to bottom, #A8CDC7 0%, #79ADA7 50%, #538D8B 100%);
}
</style>