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

#A6C8C5 #BAFFEC

Calculate the color between two colors, #A6C8C5 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)

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

0.0%	0.0% #A6C8C5	RGB 166 200 197	#A6C8C5
16.7%	16.7% #A9D1CB	RGB 169 209 203	#A9D1CB
33.3%	33.3% #ACDAD2	RGB 172 218 210	#ACDAD2
50.0%	50.0% #B0E3D8	RGB 176 227 216	#B0E3D8
66.7%	66.7% #B3ECDF	RGB 179 236 223	#B3ECDF
83.3%	83.3% #B6F5E5	RGB 182 245 229	#B6F5E5
100.0%	100.0% #BAFFEC	RGB 186 255 236	#BAFFEC

#A6C8C5 #A9D1CB #ACDAD2 #B0E3D8 #B3ECDF #B6F5E5 #BAFFEC

#A6C8C5 - #BAFFEC

HSV Blend

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

0.0%	0.0% #A6C8C5	RGB 166 200 197	#A6C8C5
16.7%	16.7% #AAD1CC	RGB 170 209 204	#AAD1CC
33.3%	33.3% #ADDAD3	RGB 173 218 211	#ADDAD3
50.0%	50.0% #B1E3DA	RGB 177 227 218	#B1E3DA
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

#A6C8C5 #AAD1CC #ADDAD3 #B1E3DA #B4ECE0 #B7F5E6 #BAFFEC

#A6C8C5 - #B1E3DA - #BAFFEC

CSS codes

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

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