#8D6FA1 - #DCD5E4 | 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 #8D6FA1 to #DCD5E4

#8D6FA1 #DCD5E4

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

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

0.0%	0.0% #8D6FA1	RGB 141 111 161	#8D6FA1
16.7%	16.7% #9A80AC	RGB 154 128 172	#9A80AC
33.3%	33.3% #A791B7	RGB 167 145 183	#A791B7
50.0%	50.0% #B4A2C2	RGB 180 162 194	#B4A2C2
66.7%	66.7% #C1B3CD	RGB 193 179 205	#C1B3CD
83.3%	83.3% #CEC4D8	RGB 206 196 216	#CEC4D8
100.0%	100.0% #DCD5E4	RGB 220 213 228	#DCD5E4

#8D6FA1 #9A80AC #A791B7 #B4A2C2 #C1B3CD #CEC4D8 #DCD5E4

#8D6FA1 - #DCD5E4

HSV Blend

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

0.0%	0.0% #8D6FA1	RGB 141 111 161	#8D6FA1
16.7%	16.7% #987DAC	RGB 152 125 172	#987DAC
33.3%	33.3% #A48DB7	RGB 164 141 183	#A48DB7
50.0%	50.0% #B19DC2	RGB 177 157 194	#B19DC2
66.7%	66.7% #BEAFCD	RGB 190 175 205	#BEAFCD
83.3%	83.3% #CDC1D8	RGB 205 193 216	#CDC1D8
100.0%	100.0% #DCD5E4	RGB 220 213 228	#DCD5E4

#8D6FA1 #987DAC #A48DB7 #B19DC2 #BEAFCD #CDC1D8 #DCD5E4

#8D6FA1 - #B19DC2 - #DCD5E4

CSS codes

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

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