#A6A8A0 - #B5FFB6 | 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 #A6A8A0 to #B5FFB6

#A6A8A0 #B5FFB6

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

#A6A8A0 - #B5FFB6 | 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 #A6A8A0 as 0% and #B5FFB6 as 100%.

0.0%	0.0% #A6A8A0	RGB 166 168 160	#A6A8A0
16.7%	16.7% #A8B6A3	RGB 168 182 163	#A8B6A3
33.3%	33.3% #ABC5A7	RGB 171 197 167	#ABC5A7
50.0%	50.0% #ADD3AB	RGB 173 211 171	#ADD3AB
66.7%	66.7% #B0E2AE	RGB 176 226 174	#B0E2AE
83.3%	83.3% #B2F0B2	RGB 178 240 178	#B2F0B2
100.0%	100.0% #B5FFB6	RGB 181 255 182	#B5FFB6

#A6A8A0 #A8B6A3 #ABC5A7 #ADD3AB #B0E2AE #B2F0B2 #B5FFB6

#A6A8A0 - #B5FFB6

HSV Blend

#A6A8A0 - #B5FFB6 | 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 #A6A8A0 as 0% and #B5FFB6 as 100%.

0.0%	0.0% #A6A8A0	RGB 166 168 160	#A6A8A0
16.7%	16.7% #B0B6A6	RGB 176 182 166	#B0B6A6
33.3%	33.3% #B8C5AB	RGB 184 197 171	#B8C5AB
50.0%	50.0% #BCD3AF	RGB 188 211 175	#BCD3AF
66.7%	66.7% #BEE2B2	RGB 190 226 178	#BEE2B2
83.3%	83.3% #BBF0B4	RGB 187 240 180	#BBF0B4
100.0%	100.0% #B5FFB6	RGB 181 255 182	#B5FFB6

#A6A8A0 #B0B6A6 #B8C5AB #BCD3AF #BEE2B2 #BBF0B4 #B5FFB6

#A6A8A0 - #BCD3AF - #B5FFB6

CSS codes

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

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