#AB9FC4 - #F8C0FF | 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 #AB9FC4 to #F8C0FF

#AB9FC4 #F8C0FF

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

#AB9FC4 - #F8C0FF | 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 #AB9FC4 as 0% and #F8C0FF as 100%.

0.0%	0.0% #AB9FC4	RGB 171 159 196	#AB9FC4
16.7%	16.7% #B7A4CD	RGB 183 164 205	#B7A4CD
33.3%	33.3% #C4AAD7	RGB 196 170 215	#C4AAD7
50.0%	50.0% #D1AFE1	RGB 209 175 225	#D1AFE1
66.7%	66.7% #DEB5EB	RGB 222 181 235	#DEB5EB
83.3%	83.3% #EBBAF5	RGB 235 186 245	#EBBAF5
100.0%	100.0% #F8C0FF	RGB 248 192 255	#F8C0FF

#AB9FC4 #B7A4CD #C4AAD7 #D1AFE1 #DEB5EB #EBBAF5 #F8C0FF

#AB9FC4 - #F8C0FF

HSV Blend

#AB9FC4 - #F8C0FF | 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 #AB9FC4 as 0% and #F8C0FF as 100%.

0.0%	0.0% #AB9FC4	RGB 171 159 196	#AB9FC4
16.7%	16.7% #B6A4CD	RGB 182 164 205	#B6A4CD
33.3%	33.3% #C1AAD7	RGB 193 170 215	#C1AAD7
50.0%	50.0% #CEB0E1	RGB 206 176 225	#CEB0E1
66.7%	66.7% #DBB5EB	RGB 219 181 235	#DBB5EB
83.3%	83.3% #E9BAF5	RGB 233 186 245	#E9BAF5
100.0%	100.0% #F8C0FF	RGB 248 192 255	#F8C0FF

#AB9FC4 #B6A4CD #C1AAD7 #CEB0E1 #DBB5EB #E9BAF5 #F8C0FF

#AB9FC4 - #CEB0E1 - #F8C0FF

CSS codes

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

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