#A08ACB - #E3DDF0 | 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 #A08ACB to #E3DDF0

#A08ACB #E3DDF0

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

#A08ACB - #E3DDF0 | 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 #A08ACB as 0% and #E3DDF0 as 100%.

0.0%	0.0% #A08ACB	RGB 160 138 203	#A08ACB
16.7%	16.7% #AB97D1	RGB 171 151 209	#AB97D1
33.3%	33.3% #B6A5D7	RGB 182 165 215	#B6A5D7
50.0%	50.0% #C1B3DD	RGB 193 179 221	#C1B3DD
66.7%	66.7% #CCC1E3	RGB 204 193 227	#CCC1E3
83.3%	83.3% #D7CFE9	RGB 215 207 233	#D7CFE9
100.0%	100.0% #E3DDF0	RGB 227 221 240	#E3DDF0

#A08ACB #AB97D1 #B6A5D7 #C1B3DD #CCC1E3 #D7CFE9 #E3DDF0

#A08ACB - #E3DDF0

HSV Blend

#A08ACB - #E3DDF0 | 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 #A08ACB as 0% and #E3DDF0 as 100%.

0.0%	0.0% #A08ACB	RGB 160 138 203	#A08ACB
16.7%	16.7% #AA96D1	RGB 170 150 209	#AA96D1
33.3%	33.3% #B4A3D7	RGB 180 163 215	#B4A3D7
50.0%	50.0% #BFB1DD	RGB 191 177 221	#BFB1DD
66.7%	66.7% #CBBFE3	RGB 203 191 227	#CBBFE3
83.3%	83.3% #D6CDE9	RGB 214 205 233	#D6CDE9
100.0%	100.0% #E3DDF0	RGB 227 221 240	#E3DDF0

#A08ACB #AA96D1 #B4A3D7 #BFB1DD #CBBFE3 #D6CDE9 #E3DDF0

#A08ACB - #BFB1DD - #E3DDF0

CSS codes

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

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