#A8C8B1 - #53986E | 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 #A8C8B1 to #53986E

#A8C8B1 #53986E

Calculate the color between two colors, #A8C8B1 and #53986E. 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)

#A8C8B1 - #53986E | 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 #A8C8B1 as 0% and #53986E as 100%.

0.0%	0.0% #A8C8B1	RGB 168 200 177	#A8C8B1
16.7%	16.7% #99C0A5	RGB 153 192 165	#99C0A5
33.3%	33.3% #8BB89A	RGB 139 184 154	#8BB89A
50.0%	50.0% #7DB08F	RGB 125 176 143	#7DB08F
66.7%	66.7% #6FA884	RGB 111 168 132	#6FA884
83.3%	83.3% #61A079	RGB 97 160 121	#61A079
100.0%	100.0% #53986E	RGB 83 152 110	#53986E

#A8C8B1 #99C0A5 #8BB89A #7DB08F #6FA884 #61A079 #53986E

#A8C8B1 - #53986E

HSV Blend

#A8C8B1 - #53986E | 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 #A8C8B1 as 0% and #53986E as 100%.

0.0%	0.0% #A8C8B1	RGB 168 200 177	#A8C8B1
16.7%	16.7% #97C0A3	RGB 151 192 163	#97C0A3
33.3%	33.3% #88B897	RGB 136 184 151	#88B897
50.0%	50.0% #79B08C	RGB 121 176 140	#79B08C
66.7%	66.7% #6CA881	RGB 108 168 129	#6CA881
83.3%	83.3% #5FA077	RGB 95 160 119	#5FA077
100.0%	100.0% #53986E	RGB 83 152 110	#53986E

#A8C8B1 #97C0A3 #88B897 #79B08C #6CA881 #5FA077 #53986E

#A8C8B1 - #79B08C - #53986E

CSS codes

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

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