#AB91C2 - #E6DFED | 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 #AB91C2 to #E6DFED

#AB91C2 #E6DFED

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

#AB91C2 - #E6DFED | 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 #AB91C2 as 0% and #E6DFED as 100%.

0.0%	0.0% #AB91C2	RGB 171 145 194	#AB91C2
16.7%	16.7% #B49EC9	RGB 180 158 201	#B49EC9
33.3%	33.3% #BEABD0	RGB 190 171 208	#BEABD0
50.0%	50.0% #C8B8D7	RGB 200 184 215	#C8B8D7
66.7%	66.7% #D2C5DE	RGB 210 197 222	#D2C5DE
83.3%	83.3% #DCD2E5	RGB 220 210 229	#DCD2E5
100.0%	100.0% #E6DFED	RGB 230 223 237	#E6DFED

#AB91C2 #B49EC9 #BEABD0 #C8B8D7 #D2C5DE #DCD2E5 #E6DFED

#AB91C2 - #E6DFED

HSV Blend

#AB91C2 - #E6DFED | 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 #AB91C2 as 0% and #E6DFED as 100%.

0.0%	0.0% #AB91C2	RGB 171 145 194	#AB91C2
16.7%	16.7% #B49CC9	RGB 180 156 201	#B49CC9
33.3%	33.3% #BDA9D0	RGB 189 169 208	#BDA9D0
50.0%	50.0% #C7B5D7	RGB 199 181 215	#C7B5D7
66.7%	66.7% #D1C3DE	RGB 209 195 222	#D1C3DE
83.3%	83.3% #DBD0E5	RGB 219 208 229	#DBD0E5
100.0%	100.0% #E6DFED	RGB 230 223 237	#E6DFED

#AB91C2 #B49CC9 #BDA9D0 #C7B5D7 #D1C3DE #DBD0E5 #E6DFED

#AB91C2 - #C7B5D7 - #E6DFED

CSS codes

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

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