#8F4ECE - #DFCCF1 | 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 #8F4ECE to #DFCCF1

#8F4ECE #DFCCF1

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

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

0.0%	0.0% #8F4ECE	RGB 143 78 206	#8F4ECE
16.7%	16.7% #9C63D3	RGB 156 99 211	#9C63D3
33.3%	33.3% #A978D9	RGB 169 120 217	#A978D9
50.0%	50.0% #B78DDF	RGB 183 141 223	#B78DDF
66.7%	66.7% #C4A2E5	RGB 196 162 229	#C4A2E5
83.3%	83.3% #D1B7EB	RGB 209 183 235	#D1B7EB
100.0%	100.0% #DFCCF1	RGB 223 204 241	#DFCCF1

#8F4ECE #9C63D3 #A978D9 #B78DDF #C4A2E5 #D1B7EB #DFCCF1

#8F4ECE - #DFCCF1

HSV Blend

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

0.0%	0.0% #8E4ECE	RGB 142 78 206	#8E4ECE
16.7%	16.7% #9B60D3	RGB 155 96 211	#9B60D3
33.3%	33.3% #A774D9	RGB 167 116 217	#A774D9
50.0%	50.0% #B588DF	RGB 181 136 223	#B588DF
66.7%	66.7% #C29EE5	RGB 194 158 229	#C29EE5
83.3%	83.3% #D0B4EB	RGB 208 180 235	#D0B4EB
100.0%	100.0% #DFCCF1	RGB 223 204 241	#DFCCF1

#8E4ECE #9B60D3 #A774D9 #B588DF #C29EE5 #D0B4EB #DFCCF1

#8F4ECE - #B588DF - #DFCCF1

CSS codes

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

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