#A6C8C4 - #BAFFEC | 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 #A6C8C4 to #BAFFEC

#A6C8C4 #BAFFEC

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

#A6C8C4 - #BAFFEC | 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 #A6C8C4 as 0% and #BAFFEC as 100%.

0.0%	0.0% #A6C8C4	RGB 166 200 196	#A6C8C4
16.7%	16.7% #A9D1CA	RGB 169 209 202	#A9D1CA
33.3%	33.3% #ACDAD1	RGB 172 218 209	#ACDAD1
50.0%	50.0% #B0E3D8	RGB 176 227 216	#B0E3D8
66.7%	66.7% #B3ECDE	RGB 179 236 222	#B3ECDE
83.3%	83.3% #B6F5E5	RGB 182 245 229	#B6F5E5
100.0%	100.0% #BAFFEC	RGB 186 255 236	#BAFFEC

#A6C8C4 #A9D1CA #ACDAD1 #B0E3D8 #B3ECDE #B6F5E5 #BAFFEC

#A6C8C4 - #BAFFEC

HSV Blend

#A6C8C4 - #BAFFEC | 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 #A6C8C4 as 0% and #BAFFEC as 100%.

0.0%	0.0% #A6C8C4	RGB 166 200 196	#A6C8C4
16.7%	16.7% #AAD1CB	RGB 170 209 203	#AAD1CB
33.3%	33.3% #ADDAD2	RGB 173 218 210	#ADDAD2
50.0%	50.0% #B1E3D9	RGB 177 227 217	#B1E3D9
66.7%	66.7% #B4ECE0	RGB 180 236 224	#B4ECE0
83.3%	83.3% #B7F5E6	RGB 183 245 230	#B7F5E6
100.0%	100.0% #BAFFEC	RGB 186 255 236	#BAFFEC

#A6C8C4 #AAD1CB #ADDAD2 #B1E3D9 #B4ECE0 #B7F5E6 #BAFFEC

#A6C8C4 - #B1E3D9 - #BAFFEC

CSS codes

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

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