#A868E6 - #E6D3F7 | 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 #A868E6 to #E6D3F7

#A868E6 #E6D3F7

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

#A868E6 - #E6D3F7 | 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 #A868E6 as 0% and #E6D3F7 as 100%.

0.0%	0.0% #A868E6	RGB 168 104 230	#A868E6
16.7%	16.7% #B279E8	RGB 178 121 232	#B279E8
33.3%	33.3% #BC8BEB	RGB 188 139 235	#BC8BEB
50.0%	50.0% #C79DEE	RGB 199 157 238	#C79DEE
66.7%	66.7% #D1AFF1	RGB 209 175 241	#D1AFF1
83.3%	83.3% #DBC1F4	RGB 219 193 244	#DBC1F4
100.0%	100.0% #E6D3F7	RGB 230 211 247	#E6D3F7

#A868E6 #B279E8 #BC8BEB #C79DEE #D1AFF1 #DBC1F4 #E6D3F7

#A868E6 - #E6D3F7

HSV Blend

#A868E6 - #E6D3F7 | 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 #A868E6 as 0% and #E6D3F7 as 100%.

0.0%	0.0% #A868E6	RGB 168 104 230	#A868E6
16.7%	16.7% #B278E8	RGB 178 120 232	#B278E8
33.3%	33.3% #BC8AEB	RGB 188 138 235	#BC8AEB
50.0%	50.0% #C69BEE	RGB 198 155 238	#C69BEE
66.7%	66.7% #D1ADF1	RGB 209 173 241	#D1ADF1
83.3%	83.3% #DBC0F4	RGB 219 192 244	#DBC0F4
100.0%	100.0% #E6D3F7	RGB 230 211 247	#E6D3F7

#A868E6 #B278E8 #BC8AEB #C69BEE #D1ADF1 #DBC0F4 #E6D3F7

#A868E6 - #C69BEE - #E6D3F7

CSS codes

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

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