#A1C0D9 - #BBFCF0 | 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 #A1C0D9 to #BBFCF0

#A1C0D9 #BBFCF0

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

#A1C0D9 - #BBFCF0 | 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 #A1C0D9 as 0% and #BBFCF0 as 100%.

0.0%	0.0% #A1C0D9	RGB 161 192 217	#A1C0D9
16.7%	16.7% #A5CADC	RGB 165 202 220	#A5CADC
33.3%	33.3% #A9D4E0	RGB 169 212 224	#A9D4E0
50.0%	50.0% #AEDEE4	RGB 174 222 228	#AEDEE4
66.7%	66.7% #B2E8E8	RGB 178 232 232	#B2E8E8
83.3%	83.3% #B6F2EC	RGB 182 242 236	#B6F2EC
100.0%	100.0% #BBFCF0	RGB 187 252 240	#BBFCF0

#A1C0D9 #A5CADC #A9D4E0 #AEDEE4 #B2E8E8 #B6F2EC #BBFCF0

#A1C0D9 - #BBFCF0

HSV Blend

#A1C0D9 - #BBFCF0 | 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 #A1C0D9 as 0% and #BBFCF0 as 100%.

0.0%	0.0% #A1C0D9	RGB 161 192 217	#A1C0D9
16.7%	16.7% #A5CBDE	RGB 165 203 222	#A5CBDE
33.3%	33.3% #A9D6E4	RGB 169 214 228	#A9D6E4
50.0%	50.0% #ADE2EA	RGB 173 226 234	#ADE2EA
66.7%	66.7% #B2EEF0	RGB 178 238 240	#B2EEF0
83.3%	83.3% #B6F6F1	RGB 182 246 241	#B6F6F1
100.0%	100.0% #BBFCF0	RGB 187 252 240	#BBFCF0

#A1C0D9 #A5CBDE #A9D6E4 #ADE2EA #B2EEF0 #B6F6F1 #BBFCF0

#A1C0D9 - #ADE2EA - #BBFCF0

CSS codes

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

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