#A1ADA8 - #B5FFD0 | 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 #A1ADA8 to #B5FFD0

#A1ADA8 #B5FFD0

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

#A1ADA8 - #B5FFD0 | 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 #A1ADA8 as 0% and #B5FFD0 as 100%.

0.0%	0.0% #A1ADA8	RGB 161 173 168	#A1ADA8
16.7%	16.7% #A4BAAE	RGB 164 186 174	#A4BAAE
33.3%	33.3% #A7C8B5	RGB 167 200 181	#A7C8B5
50.0%	50.0% #ABD6BC	RGB 171 214 188	#ABD6BC
66.7%	66.7% #AEE3C2	RGB 174 227 194	#AEE3C2
83.3%	83.3% #B1F1C9	RGB 177 241 201	#B1F1C9
100.0%	100.0% #B5FFD0	RGB 181 255 208	#B5FFD0

#A1ADA8 #A4BAAE #A7C8B5 #ABD6BC #AEE3C2 #B1F1C9 #B5FFD0

#A1ADA8 - #B5FFD0

HSV Blend

#A1ADA8 - #B5FFD0 | 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 #A1ADA8 as 0% and #B5FFD0 as 100%.

0.0%	0.0% #A1ADA8	RGB 161 173 168	#A1ADA8
16.7%	16.7% #A6BAB1	RGB 166 186 177	#A6BAB1
33.3%	33.3% #ABC8BA	RGB 171 200 186	#ABC8BA
50.0%	50.0% #AFD6C1	RGB 175 214 193	#AFD6C1
66.7%	66.7% #B2E3C7	RGB 178 227 199	#B2E3C7
83.3%	83.3% #B4F1CC	RGB 180 241 204	#B4F1CC
100.0%	100.0% #B5FFD0	RGB 181 255 208	#B5FFD0

#A1ADA8 #A6BAB1 #ABC8BA #AFD6C1 #B2E3C7 #B4F1CC #B5FFD0

#A1ADA8 - #AFD6C1 - #B5FFD0

CSS codes

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

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