#A8AD8C - #B5FFAF | 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 #A8AD8C to #B5FFAF

#A8AD8C #B5FFAF

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

#A8AD8C - #B5FFAF | 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 #A8AD8C as 0% and #B5FFAF as 100%.

0.0%	0.0% #A8AD8C	RGB 168 173 140	#A8AD8C
16.7%	16.7% #AABA91	RGB 170 186 145	#AABA91
33.3%	33.3% #ACC897	RGB 172 200 151	#ACC897
50.0%	50.0% #AED69D	RGB 174 214 157	#AED69D
66.7%	66.7% #B0E3A3	RGB 176 227 163	#B0E3A3
83.3%	83.3% #B2F1A9	RGB 178 241 169	#B2F1A9
100.0%	100.0% #B5FFAF	RGB 181 255 175	#B5FFAF

#A8AD8C #AABA91 #ACC897 #AED69D #B0E3A3 #B2F1A9 #B5FFAF

#A8AD8C - #B5FFAF

HSV Blend

#A8AD8C - #B5FFAF | 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 #A8AD8C as 0% and #B5FFAF as 100%.

0.0%	0.0% #A8AD8C	RGB 168 173 140	#A8AD8C
16.7%	16.7% #AFBA93	RGB 175 186 147	#AFBA93
33.3%	33.3% #B5C899	RGB 181 200 153	#B5C899
50.0%	50.0% #B8D6A0	RGB 184 214 160	#B8D6A0
66.7%	66.7% #BAE3A5	RGB 186 227 165	#BAE3A5
83.3%	83.3% #B8F1AA	RGB 184 241 170	#B8F1AA
100.0%	100.0% #B5FFAF	RGB 181 255 175	#B5FFAF

#A8AD8C #AFBA93 #B5C899 #B8D6A0 #BAE3A5 #B8F1AA #B5FFAF

#A8AD8C - #B8D6A0 - #B5FFAF

CSS codes

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

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