#AB5BCD - #E6D0F0 | 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 #AB5BCD to #E6D0F0

#AB5BCD #E6D0F0

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

#AB5BCD - #E6D0F0 | 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 #AB5BCD as 0% and #E6D0F0 as 100%.

0.0%	0.0% #AB5BCD	RGB 171 91 205	#AB5BCD
16.7%	16.7% #B46ED2	RGB 180 110 210	#B46ED2
33.3%	33.3% #BE82D8	RGB 190 130 216	#BE82D8
50.0%	50.0% #C895DE	RGB 200 149 222	#C895DE
66.7%	66.7% #D2A9E4	RGB 210 169 228	#D2A9E4
83.3%	83.3% #DCBCEA	RGB 220 188 234	#DCBCEA
100.0%	100.0% #E6D0F0	RGB 230 208 240	#E6D0F0

#AB5BCD #B46ED2 #BE82D8 #C895DE #D2A9E4 #DCBCEA #E6D0F0

#AB5BCD - #E6D0F0

HSV Blend

#AB5BCD - #E6D0F0 | 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 #AB5BCD as 0% and #E6D0F0 as 100%.

0.0%	0.0% #AB5BCD	RGB 171 91 205	#AB5BCD
16.7%	16.7% #B46CD2	RGB 180 108 210	#B46CD2
33.3%	33.3% #BD7ED8	RGB 189 126 216	#BD7ED8
50.0%	50.0% #C791DE	RGB 199 145 222	#C791DE
66.7%	66.7% #D1A5E4	RGB 209 165 228	#D1A5E4
83.3%	83.3% #DBBAEA	RGB 219 186 234	#DBBAEA
100.0%	100.0% #E6D0F0	RGB 230 208 240	#E6D0F0

#AB5BCD #B46CD2 #BD7ED8 #C791DE #D1A5E4 #DBBAEA #E6D0F0

#AB5BCD - #C791DE - #E6D0F0

CSS codes

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

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