#6B2DAD - #D5C3E7 | 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 #6B2DAD to #D5C3E7

#6B2DAD #D5C3E7

Calculate the color between two colors, #6B2DAD and #D5C3E7. 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)

#6B2DAD - #D5C3E7 | 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 #6B2DAD as 0% and #D5C3E7 as 100%.

0.0%	0.0% #6B2DAD	RGB 107 45 173	#6B2DAD
16.7%	16.7% #7C46B6	RGB 124 70 182	#7C46B6
33.3%	33.3% #8E5FC0	RGB 142 95 192	#8E5FC0
50.0%	50.0% #A078CA	RGB 160 120 202	#A078CA
66.7%	66.7% #B191D3	RGB 177 145 211	#B191D3
83.3%	83.3% #C3AADD	RGB 195 170 221	#C3AADD
100.0%	100.0% #D5C3E7	RGB 213 195 231	#D5C3E7

#6B2DAD #7C46B6 #8E5FC0 #A078CA #B191D3 #C3AADD #D5C3E7

#6B2DAD - #D5C3E7

HSV Blend

#6B2DAD - #D5C3E7 | 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 #6B2DAD as 0% and #D5C3E7 as 100%.

0.0%	0.0% #6A2DAD	RGB 106 45 173	#6A2DAD
16.7%	16.7% #7A41B6	RGB 122 65 182	#7A41B6
33.3%	33.3% #8A57C0	RGB 138 87 192	#8A57C0
50.0%	50.0% #9C6FCA	RGB 156 111 202	#9C6FCA
66.7%	66.7% #AE89D3	RGB 174 137 211	#AE89D3
83.3%	83.3% #C1A5DD	RGB 193 165 221	#C1A5DD
100.0%	100.0% #D5C3E7	RGB 213 195 231	#D5C3E7

#6A2DAD #7A41B6 #8A57C0 #9C6FCA #AE89D3 #C1A5DD #D5C3E7

#6B2DAD - #9C6FCA - #D5C3E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A2DAD 0%, #9C6FCA 50%, #D5C3E7 100%);
    background: -webkit-linear-gradient(top, #6A2DAD 0%, #9C6FCA 50%, #D5C3E7 100%);
    background: linear-gradient(to bottom, #6A2DAD 0%, #9C6FCA 50%, #D5C3E7 100%);
}
</style>