#A6B7A2 - #BDFFC1 | 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 #A6B7A2 to #BDFFC1

#A6B7A2 #BDFFC1

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

#A6B7A2 - #BDFFC1 | 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 #A6B7A2 as 0% and #BDFFC1 as 100%.

0.0%	0.0% #A6B7A2	RGB 166 183 162	#A6B7A2
16.7%	16.7% #A9C3A7	RGB 169 195 167	#A9C3A7
33.3%	33.3% #ADCFAC	RGB 173 207 172	#ADCFAC
50.0%	50.0% #B1DBB1	RGB 177 219 177	#B1DBB1
66.7%	66.7% #B5E7B6	RGB 181 231 182	#B5E7B6
83.3%	83.3% #B9F3BB	RGB 185 243 187	#B9F3BB
100.0%	100.0% #BDFFC1	RGB 189 255 193	#BDFFC1

#A6B7A2 #A9C3A7 #ADCFAC #B1DBB1 #B5E7B6 #B9F3BB #BDFFC1

#A6B7A2 - #BDFFC1

HSV Blend

#A6B7A2 - #BDFFC1 | 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 #A6B7A2 as 0% and #BDFFC1 as 100%.

0.0%	0.0% #A6B7A2	RGB 166 183 162	#A6B7A2
16.7%	16.7% #ABC3A7	RGB 171 195 167	#ABC3A7
33.3%	33.3% #B0CFAD	RGB 176 207 173	#B0CFAD
50.0%	50.0% #B4DBB2	RGB 180 219 178	#B4DBB2
66.7%	66.7% #B7E7B6	RGB 183 231 182	#B7E7B6
83.3%	83.3% #B9F3BB	RGB 185 243 187	#B9F3BB
100.0%	100.0% #BDFFC1	RGB 189 255 193	#BDFFC1

#A6B7A2 #ABC3A7 #B0CFAD #B4DBB2 #B7E7B6 #B9F3BB #BDFFC1

#A6B7A2 - #B4DBB2 - #BDFFC1

CSS codes

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

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