#A8ABFF - #F0C9F6 | 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 #A8ABFF to #F0C9F6

#A8ABFF #F0C9F6

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

#A8ABFF - #F0C9F6 | 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 #A8ABFF as 0% and #F0C9F6 as 100%.

0.0%	0.0% #A8ABFF	RGB 168 171 255	#A8ABFF
16.7%	16.7% #B4B0FD	RGB 180 176 253	#B4B0FD
33.3%	33.3% #C0B5FC	RGB 192 181 252	#C0B5FC
50.0%	50.0% #CCBAFA	RGB 204 186 250	#CCBAFA
66.7%	66.7% #D8BFF9	RGB 216 191 249	#D8BFF9
83.3%	83.3% #E4C4F7	RGB 228 196 247	#E4C4F7
100.0%	100.0% #F0C9F6	RGB 240 201 246	#F0C9F6

#A8ABFF #B4B0FD #C0B5FC #CCBAFA #D8BFF9 #E4C4F7 #F0C9F6

#A8ABFF - #F0C9F6

HSV Blend

#A8ABFF - #F0C9F6 | 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 #A8ABFF as 0% and #F0C9F6 as 100%.

0.0%	0.0% #A8ABFF	RGB 168 171 255	#A8ABFF
16.7%	16.7% #B6ADFD	RGB 182 173 253	#B6ADFD
33.3%	33.3% #C6B3FC	RGB 198 179 252	#C6B3FC
50.0%	50.0% #D4B8FA	RGB 212 184 250	#D4B8FA
66.7%	66.7% #DFBEF9	RGB 223 190 249	#DFBEF9
83.3%	83.3% #E8C3F7	RGB 232 195 247	#E8C3F7
100.0%	100.0% #F0C9F6	RGB 240 201 246	#F0C9F6

#A8ABFF #B6ADFD #C6B3FC #D4B8FA #DFBEF9 #E8C3F7 #F0C9F6

#A8ABFF - #D4B8FA - #F0C9F6

CSS codes

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

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