#A8D0AD - #529476 | 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 #A8D0AD to #529476

#A8D0AD #529476

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

#A8D0AD - #529476 | 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 #A8D0AD as 0% and #529476 as 100%.

0.0%	0.0% #A8D0AD	RGB 168 208 173	#A8D0AD
16.7%	16.7% #99C6A3	RGB 153 198 163	#99C6A3
33.3%	33.3% #8BBC9A	RGB 139 188 154	#8BBC9A
50.0%	50.0% #7DB291	RGB 125 178 145	#7DB291
66.7%	66.7% #6EA888	RGB 110 168 136	#6EA888
83.3%	83.3% #609E7F	RGB 96 158 127	#609E7F
100.0%	100.0% #529476	RGB 82 148 118	#529476

#A8D0AD #99C6A3 #8BBC9A #7DB291 #6EA888 #609E7F #529476

#A8D0AD - #529476

HSV Blend

#A8D0AD - #529476 | 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 #A8D0AD as 0% and #529476 as 100%.

0.0%	0.0% #A8D0AD	RGB 168 208 173	#A8D0AD
16.7%	16.7% #97C6A0	RGB 151 198 160	#97C6A0
33.3%	33.3% #87BC95	RGB 135 188 149	#87BC95
50.0%	50.0% #79B28C	RGB 121 178 140	#79B28C
66.7%	66.7% #6BA883	RGB 107 168 131	#6BA883
83.3%	83.3% #5E9E7C	RGB 94 158 124	#5E9E7C
100.0%	100.0% #529476	RGB 82 148 118	#529476

#A8D0AD #97C6A0 #87BC95 #79B28C #6BA883 #5E9E7C #529476

#A8D0AD - #79B28C - #529476

CSS codes

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

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