#A1D9D4 - #BAFCCE | 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 #A1D9D4 to #BAFCCE

#A1D9D4 #BAFCCE

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

#A1D9D4 - #BAFCCE | 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 #A1D9D4 as 0% and #BAFCCE as 100%.

0.0%	0.0% #A1D9D4	RGB 161 217 212	#A1D9D4
16.7%	16.7% #A5DED3	RGB 165 222 211	#A5DED3
33.3%	33.3% #A9E4D2	RGB 169 228 210	#A9E4D2
50.0%	50.0% #ADEAD1	RGB 173 234 209	#ADEAD1
66.7%	66.7% #B1F0D0	RGB 177 240 208	#B1F0D0
83.3%	83.3% #B5F6CF	RGB 181 246 207	#B5F6CF
100.0%	100.0% #BAFCCE	RGB 186 252 206	#BAFCCE

#A1D9D4 #A5DED3 #A9E4D2 #ADEAD1 #B1F0D0 #B5F6CF #BAFCCE

#A1D9D4 - #BAFCCE

HSV Blend

#A1D9D4 - #BAFCCE | 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 #A1D9D4 as 0% and #BAFCCE as 100%.

0.0%	0.0% #A1D9D4	RGB 161 217 212	#A1D9D4
16.7%	16.7% #A5DED3	RGB 165 222 211	#A5DED3
33.3%	33.3% #A9E4D3	RGB 169 228 211	#A9E4D3
50.0%	50.0% #ADEAD2	RGB 173 234 210	#ADEAD2
66.7%	66.7% #B1F0D1	RGB 177 240 209	#B1F0D1
83.3%	83.3% #B5F6CF	RGB 181 246 207	#B5F6CF
100.0%	100.0% #BAFCCE	RGB 186 252 206	#BAFCCE

#A1D9D4 #A5DED3 #A9E4D3 #ADEAD2 #B1F0D1 #B5F6CF #BAFCCE

#A1D9D4 - #ADEAD2 - #BAFCCE

CSS codes

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

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