#A0B5FF - #B9FFC9 | 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 #A0B5FF to #B9FFC9

#A0B5FF #B9FFC9

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

#A0B5FF - #B9FFC9 | 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 #A0B5FF as 0% and #B9FFC9 as 100%.

0.0%	0.0% #A0B5FF	RGB 160 181 255	#A0B5FF
16.7%	16.7% #A4C1F6	RGB 164 193 246	#A4C1F6
33.3%	33.3% #A8CDED	RGB 168 205 237	#A8CDED
50.0%	50.0% #ACDAE4	RGB 172 218 228	#ACDAE4
66.7%	66.7% #B0E6DB	RGB 176 230 219	#B0E6DB
83.3%	83.3% #B4F2D2	RGB 180 242 210	#B4F2D2
100.0%	100.0% #B9FFC9	RGB 185 255 201	#B9FFC9

#A0B5FF #A4C1F6 #A8CDED #ACDAE4 #B0E6DB #B4F2D2 #B9FFC9

#A0B5FF - #B9FFC9

HSV Blend

#A0B5FF - #B9FFC9 | 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 #A0B5FF as 0% and #B9FFC9 as 100%.

0.0%	0.0% #A0B4FF	RGB 160 180 255	#A0B4FF
16.7%	16.7% #A4CFFF	RGB 164 207 255	#A4CFFF
33.3%	33.3% #A8E8FF	RGB 168 232 255	#A8E8FF
50.0%	50.0% #ACFEFF	RGB 172 254 255	#ACFEFF
66.7%	66.7% #B0FFEB	RGB 176 255 235	#B0FFEB
83.3%	83.3% #B4FFD8	RGB 180 255 216	#B4FFD8
100.0%	100.0% #B9FFC9	RGB 185 255 201	#B9FFC9

#A0B4FF #A4CFFF #A8E8FF #ACFEFF #B0FFEB #B4FFD8 #B9FFC9

#A0B5FF - #ACFEFF - #B9FFC9

CSS codes

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

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