#A08CD2 - #E3DEF2 | 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 #A08CD2 to #E3DEF2

#A08CD2 #E3DEF2

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

#A08CD2 - #E3DEF2 | 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 #A08CD2 as 0% and #E3DEF2 as 100%.

0.0%	0.0% #A08CD2	RGB 160 140 210	#A08CD2
16.7%	16.7% #AB99D7	RGB 171 153 215	#AB99D7
33.3%	33.3% #B6A7DC	RGB 182 167 220	#B6A7DC
50.0%	50.0% #C1B5E2	RGB 193 181 226	#C1B5E2
66.7%	66.7% #CCC2E7	RGB 204 194 231	#CCC2E7
83.3%	83.3% #D7D0EC	RGB 215 208 236	#D7D0EC
100.0%	100.0% #E3DEF2	RGB 227 222 242	#E3DEF2

#A08CD2 #AB99D7 #B6A7DC #C1B5E2 #CCC2E7 #D7D0EC #E3DEF2

#A08CD2 - #E3DEF2

HSV Blend

#A08CD2 - #E3DEF2 | 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 #A08CD2 as 0% and #E3DEF2 as 100%.

0.0%	0.0% #A08CD2	RGB 160 140 210	#A08CD2
16.7%	16.7% #AA98D7	RGB 170 152 215	#AA98D7
33.3%	33.3% #B4A5DC	RGB 180 165 220	#B4A5DC
50.0%	50.0% #BFB2E2	RGB 191 178 226	#BFB2E2
66.7%	66.7% #CAC0E7	RGB 202 192 231	#CAC0E7
83.3%	83.3% #D6CFEC	RGB 214 207 236	#D6CFEC
100.0%	100.0% #E3DEF2	RGB 227 222 242	#E3DEF2

#A08CD2 #AA98D7 #B4A5DC #BFB2E2 #CAC0E7 #D6CFEC #E3DEF2

#A08CD2 - #BFB2E2 - #E3DEF2

CSS codes

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

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