#A3ABA1 - #C0FFD3 | 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 #A3ABA1 to #C0FFD3

#A3ABA1 #C0FFD3

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

#A3ABA1 - #C0FFD3 | 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 #A3ABA1 as 0% and #C0FFD3 as 100%.

0.0%	0.0% #A3ABA1	RGB 163 171 161	#A3ABA1
16.7%	16.7% #A7B9A9	RGB 167 185 169	#A7B9A9
33.3%	33.3% #ACC7B1	RGB 172 199 177	#ACC7B1
50.0%	50.0% #B1D5BA	RGB 177 213 186	#B1D5BA
66.7%	66.7% #B6E3C2	RGB 182 227 194	#B6E3C2
83.3%	83.3% #BBF1CA	RGB 187 241 202	#BBF1CA
100.0%	100.0% #C0FFD3	RGB 192 255 211	#C0FFD3

#A3ABA1 #A7B9A9 #ACC7B1 #B1D5BA #B6E3C2 #BBF1CA #C0FFD3

#A3ABA1 - #C0FFD3

HSV Blend

#A3ABA1 - #C0FFD3 | 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 #A3ABA1 as 0% and #C0FFD3 as 100%.

0.0%	0.0% #A3ABA1	RGB 163 171 161	#A3ABA1
16.7%	16.7% #AAB9A8	RGB 170 185 168	#AAB9A8
33.3%	33.3% #AFC7AE	RGB 175 199 174	#AFC7AE
50.0%	50.0% #B4D5B6	RGB 180 213 182	#B4D5B6
66.7%	66.7% #B9E3BE	RGB 185 227 190	#B9E3BE
83.3%	83.3% #BDF1C8	RGB 189 241 200	#BDF1C8
100.0%	100.0% #C0FFD3	RGB 192 255 211	#C0FFD3

#A3ABA1 #AAB9A8 #AFC7AE #B4D5B6 #B9E3BE #BDF1C8 #C0FFD3

#A3ABA1 - #B4D5B6 - #C0FFD3

CSS codes

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

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