#A6AA9C - #B2FFB2 | 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 #A6AA9C to #B2FFB2

#A6AA9C #B2FFB2

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

#A6AA9C - #B2FFB2 | 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 #A6AA9C as 0% and #B2FFB2 as 100%.

0.0%	0.0% #A6AA9C	RGB 166 170 156	#A6AA9C
16.7%	16.7% #A8B89F	RGB 168 184 159	#A8B89F
33.3%	33.3% #AAC6A3	RGB 170 198 163	#AAC6A3
50.0%	50.0% #ACD4A7	RGB 172 212 167	#ACD4A7
66.7%	66.7% #AEE2AA	RGB 174 226 170	#AEE2AA
83.3%	83.3% #B0F0AE	RGB 176 240 174	#B0F0AE
100.0%	100.0% #B2FFB2	RGB 178 255 178	#B2FFB2

#A6AA9C #A8B89F #AAC6A3 #ACD4A7 #AEE2AA #B0F0AE #B2FFB2

#A6AA9C - #B2FFB2

HSV Blend

#A6AA9C - #B2FFB2 | 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 #A6AA9C as 0% and #B2FFB2 as 100%.

0.0%	0.0% #A6AA9C	RGB 166 170 156	#A6AA9C
16.7%	16.7% #AFB8A2	RGB 175 184 162	#AFB8A2
33.3%	33.3% #B6C6A7	RGB 182 198 167	#B6C6A7
50.0%	50.0% #BAD4AB	RGB 186 212 171	#BAD4AB
66.7%	66.7% #BBE2AE	RGB 187 226 174	#BBE2AE
83.3%	83.3% #B8F0B0	RGB 184 240 176	#B8F0B0
100.0%	100.0% #B2FFB2	RGB 178 255 178	#B2FFB2

#A6AA9C #AFB8A2 #B6C6A7 #BAD4AB #BBE2AE #B8F0B0 #B2FFB2

#A6AA9C - #BAD4AB - #B2FFB2

CSS codes

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

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