#A86EA2 - #E6D5E4 | 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 #A86EA2 to #E6D5E4

#A86EA2 #E6D5E4

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

#A86EA2 - #E6D5E4 | 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 #A86EA2 as 0% and #E6D5E4 as 100%.

0.0%	0.0% #A86EA2	RGB 168 110 162	#A86EA2
16.7%	16.7% #B27FAD	RGB 178 127 173	#B27FAD
33.3%	33.3% #BC90B8	RGB 188 144 184	#BC90B8
50.0%	50.0% #C7A1C3	RGB 199 161 195	#C7A1C3
66.7%	66.7% #D1B2CE	RGB 209 178 206	#D1B2CE
83.3%	83.3% #DBC3D9	RGB 219 195 217	#DBC3D9
100.0%	100.0% #E6D5E4	RGB 230 213 228	#E6D5E4

#A86EA2 #B27FAD #BC90B8 #C7A1C3 #D1B2CE #DBC3D9 #E6D5E4

#A86EA2 - #E6D5E4

HSV Blend

#A86EA2 - #E6D5E4 | 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 #A86EA2 as 0% and #E6D5E4 as 100%.

0.0%	0.0% #A86EA2	RGB 168 110 162	#A86EA2
16.7%	16.7% #B27CAC	RGB 178 124 172	#B27CAC
33.3%	33.3% #BC8CB7	RGB 188 140 183	#BC8CB7
50.0%	50.0% #C79DC2	RGB 199 157 194	#C79DC2
66.7%	66.7% #D1AECD	RGB 209 174 205	#D1AECD
83.3%	83.3% #DBC1D8	RGB 219 193 216	#DBC1D8
100.0%	100.0% #E6D5E4	RGB 230 213 228	#E6D5E4

#A86EA2 #B27CAC #BC8CB7 #C79DC2 #D1AECD #DBC1D8 #E6D5E4

#A86EA2 - #C79DC2 - #E6D5E4

CSS codes

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

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