#A8C5B7 - #508687 | 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 #A8C5B7 to #508687

#A8C5B7 #508687

Calculate the color between two colors, #A8C5B7 and #508687. 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)

#A8C5B7 - #508687 | 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 #A8C5B7 as 0% and #508687 as 100%.

0.0%	0.0% #A8C5B7	RGB 168 197 183	#A8C5B7
16.7%	16.7% #99BAAF	RGB 153 186 175	#99BAAF
33.3%	33.3% #8AB0A7	RGB 138 176 167	#8AB0A7
50.0%	50.0% #7CA59F	RGB 124 165 159	#7CA59F
66.7%	66.7% #6D9B97	RGB 109 155 151	#6D9B97
83.3%	83.3% #5E908F	RGB 94 144 143	#5E908F
100.0%	100.0% #508687	RGB 80 134 135	#508687

#A8C5B7 #99BAAF #8AB0A7 #7CA59F #6D9B97 #5E908F #508687

#A8C5B7 - #508687

HSV Blend

#A8C5B7 - #508687 | 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 #A8C5B7 as 0% and #508687 as 100%.

0.0%	0.0% #A8C5B7	RGB 168 197 183	#A8C5B7
16.7%	16.7% #97BAAC	RGB 151 186 172	#97BAAC
33.3%	33.3% #87B0A3	RGB 135 176 163	#87B0A3
50.0%	50.0% #77A69B	RGB 119 166 155	#77A69B
66.7%	66.7% #699B94	RGB 105 155 148	#699B94
83.3%	83.3% #5C918D	RGB 92 145 141	#5C918D
100.0%	100.0% #508687	RGB 80 134 135	#508687

#A8C5B7 #97BAAC #87B0A3 #77A69B #699B94 #5C918D #508687

#A8C5B7 - #77A69B - #508687

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C5B7 0%, #77A69B 50%, #508687 100%);
    background: -webkit-linear-gradient(top, #A8C5B7 0%, #77A69B 50%, #508687 100%);
    background: linear-gradient(to bottom, #A8C5B7 0%, #77A69B 50%, #508687 100%);
}
</style>