#A8ACFC - #B6FFF3 | 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 #A8ACFC to #B6FFF3

#A8ACFC #B6FFF3

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

#A8ACFC - #B6FFF3 | 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 #A8ACFC as 0% and #B6FFF3 as 100%.

0.0%	0.0% #A8ACFC	RGB 168 172 252	#A8ACFC
16.7%	16.7% #AAB9FA	RGB 170 185 250	#AAB9FA
33.3%	33.3% #ACC7F9	RGB 172 199 249	#ACC7F9
50.0%	50.0% #AFD5F7	RGB 175 213 247	#AFD5F7
66.7%	66.7% #B1E3F6	RGB 177 227 246	#B1E3F6
83.3%	83.3% #B3F1F4	RGB 179 241 244	#B3F1F4
100.0%	100.0% #B6FFF3	RGB 182 255 243	#B6FFF3

#A8ACFC #AAB9FA #ACC7F9 #AFD5F7 #B1E3F6 #B3F1F4 #B6FFF3

#A8ACFC - #B6FFF3

HSV Blend

#A8ACFC - #B6FFF3 | 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 #A8ACFC as 0% and #B6FFF3 as 100%.

0.0%	0.0% #A8ACFC	RGB 168 172 252	#A8ACFC
16.7%	16.7% #AABDFC	RGB 170 189 252	#AABDFC
33.3%	33.3% #ACCEFD	RGB 172 206 253	#ACCEFD
50.0%	50.0% #AEDEFD	RGB 174 222 253	#AEDEFD
66.7%	66.7% #B1EEFE	RGB 177 238 254	#B1EEFE
83.3%	83.3% #B3FCFE	RGB 179 252 254	#B3FCFE
100.0%	100.0% #B6FFF3	RGB 182 255 243	#B6FFF3

#A8ACFC #AABDFC #ACCEFD #AEDEFD #B1EEFE #B3FCFE #B6FFF3

#A8ACFC - #AEDEFD - #B6FFF3

CSS codes

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

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