#A0A88C - #ACFFA8 | 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 #A0A88C to #ACFFA8

#A0A88C #ACFFA8

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

#A0A88C - #ACFFA8 | 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 #A0A88C as 0% and #ACFFA8 as 100%.

0.0%	0.0% #A0A88C	RGB 160 168 140	#A0A88C
16.7%	16.7% #A2B690	RGB 162 182 144	#A2B690
33.3%	33.3% #A4C595	RGB 164 197 149	#A4C595
50.0%	50.0% #A6D39A	RGB 166 211 154	#A6D39A
66.7%	66.7% #A8E29E	RGB 168 226 158	#A8E29E
83.3%	83.3% #AAF0A3	RGB 170 240 163	#AAF0A3
100.0%	100.0% #ACFFA8	RGB 172 255 168	#ACFFA8

#A0A88C #A2B690 #A4C595 #A6D39A #A8E29E #AAF0A3 #ACFFA8

#A0A88C - #ACFFA8

HSV Blend

#A0A88C - #ACFFA8 | 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 #A0A88C as 0% and #ACFFA8 as 100%.

0.0%	0.0% #A0A88C	RGB 160 168 140	#A0A88C
16.7%	16.7% #A8B692	RGB 168 182 146	#A8B692
33.3%	33.3% #AEC598	RGB 174 197 152	#AEC598
50.0%	50.0% #B2D39D	RGB 178 211 157	#B2D39D
66.7%	66.7% #B3E2A2	RGB 179 226 162	#B3E2A2
83.3%	83.3% #B1F0A5	RGB 177 240 165	#B1F0A5
100.0%	100.0% #ACFFA8	RGB 172 255 168	#ACFFA8

#A0A88C #A8B692 #AEC598 #B2D39D #B3E2A2 #B1F0A5 #ACFFA8

#A0A88C - #B2D39D - #ACFFA8

CSS codes

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

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