#A2ABA2 - #C7FFB5 | 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 #A2ABA2 to #C7FFB5

#A2ABA2 #C7FFB5

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

#A2ABA2 - #C7FFB5 | 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 #A2ABA2 as 0% and #C7FFB5 as 100%.

0.0%	0.0% #A2ABA2	RGB 162 171 162	#A2ABA2
16.7%	16.7% #A8B9A5	RGB 168 185 165	#A8B9A5
33.3%	33.3% #AEC7A8	RGB 174 199 168	#AEC7A8
50.0%	50.0% #B4D5AB	RGB 180 213 171	#B4D5AB
66.7%	66.7% #BAE3AE	RGB 186 227 174	#BAE3AE
83.3%	83.3% #C0F1B1	RGB 192 241 177	#C0F1B1
100.0%	100.0% #C7FFB5	RGB 199 255 181	#C7FFB5

#A2ABA2 #A8B9A5 #AEC7A8 #B4D5AB #BAE3AE #C0F1B1 #C7FFB5

#A2ABA2 - #C7FFB5

HSV Blend

#A2ABA2 - #C7FFB5 | 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 #A2ABA2 as 0% and #C7FFB5 as 100%.

0.0%	0.0% #A2ABA2	RGB 162 171 162	#A2ABA2
16.7%	16.7% #A8B9A7	RGB 168 185 167	#A8B9A7
33.3%	33.3% #AEC7AC	RGB 174 199 172	#AEC7AC
50.0%	50.0% #B4D5B0	RGB 180 213 176	#B4D5B0
66.7%	66.7% #BAE3B3	RGB 186 227 179	#BAE3B3
83.3%	83.3% #C0F1B4	RGB 192 241 180	#C0F1B4
100.0%	100.0% #C7FFB5	RGB 199 255 181	#C7FFB5

#A2ABA2 #A8B9A7 #AEC7AC #B4D5B0 #BAE3B3 #C0F1B4 #C7FFB5

#A2ABA2 - #B4D5B0 - #C7FFB5

CSS codes

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

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