#A8C4AE - #508575 | 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 #A8C4AE to #508575

#A8C4AE #508575

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

#A8C4AE - #508575 | 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 #A8C4AE as 0% and #508575 as 100%.

0.0%	0.0% #A8C4AE	RGB 168 196 174	#A8C4AE
16.7%	16.7% #99B9A4	RGB 153 185 164	#99B9A4
33.3%	33.3% #8AAF9B	RGB 138 175 155	#8AAF9B
50.0%	50.0% #7CA491	RGB 124 164 145	#7CA491
66.7%	66.7% #6D9A88	RGB 109 154 136	#6D9A88
83.3%	83.3% #5E8F7E	RGB 94 143 126	#5E8F7E
100.0%	100.0% #508575	RGB 80 133 117	#508575

#A8C4AE #99B9A4 #8AAF9B #7CA491 #6D9A88 #5E8F7E #508575

#A8C4AE - #508575

HSV Blend

#A8C4AE - #508575 | 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 #A8C4AE as 0% and #508575 as 100%.

0.0%	0.0% #A8C4AE	RGB 168 196 174	#A8C4AE
16.7%	16.7% #97B9A1	RGB 151 185 161	#97B9A1
33.3%	33.3% #87AF96	RGB 135 175 150	#87AF96
50.0%	50.0% #77A48C	RGB 119 164 140	#77A48C
66.7%	66.7% #699A83	RGB 105 154 131	#699A83
83.3%	83.3% #5C8F7B	RGB 92 143 123	#5C8F7B
100.0%	100.0% #508575	RGB 80 133 117	#508575

#A8C4AE #97B9A1 #87AF96 #77A48C #699A83 #5C8F7B #508575

#A8C4AE - #77A48C - #508575

CSS codes

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

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