#8F82FF - #E6D3FC | 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 #8F82FF to #E6D3FC

#8F82FF #E6D3FC

Calculate the color between two colors, #8F82FF and #E6D3FC. 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)

#8F82FF - #E6D3FC | 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 #8F82FF as 0% and #E6D3FC as 100%.

0.0%	0.0% #8F82FF	RGB 143 130 255	#8F82FF
16.7%	16.7% #9D8FFE	RGB 157 143 254	#9D8FFE
33.3%	33.3% #AC9DFE	RGB 172 157 254	#AC9DFE
50.0%	50.0% #BAAAFD	RGB 186 170 253	#BAAAFD
66.7%	66.7% #C9B8FD	RGB 201 184 253	#C9B8FD
83.3%	83.3% #D7C5FC	RGB 215 197 252	#D7C5FC
100.0%	100.0% #E6D3FC	RGB 230 211 252	#E6D3FC

#8F82FF #9D8FFE #AC9DFE #BAAAFD #C9B8FD #D7C5FC #E6D3FC

#8F82FF - #E6D3FC

HSV Blend

#8F82FF - #E6D3FC | 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 #8F82FF as 0% and #E6D3FC as 100%.

0.0%	0.0% #8F82FF	RGB 143 130 255	#8F82FF
16.7%	16.7% #A18FFE	RGB 161 143 254	#A18FFE
33.3%	33.3% #B29DFE	RGB 178 157 254	#B29DFE
50.0%	50.0% #C2AAFD	RGB 194 170 253	#C2AAFD
66.7%	66.7% #CFB8FD	RGB 207 184 253	#CFB8FD
83.3%	83.3% #DBC5FC	RGB 219 197 252	#DBC5FC
100.0%	100.0% #E6D3FC	RGB 230 211 252	#E6D3FC

#8F82FF #A18FFE #B29DFE #C2AAFD #CFB8FD #DBC5FC #E6D3FC

#8F82FF - #C2AAFD - #E6D3FC

CSS codes

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

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