#5E3DAC - #D1C7E7 | 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 #5E3DAC to #D1C7E7

#5E3DAC #D1C7E7

Calculate the color between two colors, #5E3DAC and #D1C7E7. 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)

#5E3DAC - #D1C7E7 | 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 #5E3DAC as 0% and #D1C7E7 as 100%.

0.0%	0.0% #5E3DAC	RGB 94 61 172	#5E3DAC
16.7%	16.7% #7154B5	RGB 113 84 181	#7154B5
33.3%	33.3% #846BBF	RGB 132 107 191	#846BBF
50.0%	50.0% #9782C9	RGB 151 130 201	#9782C9
66.7%	66.7% #AA99D3	RGB 170 153 211	#AA99D3
83.3%	83.3% #BDB0DD	RGB 189 176 221	#BDB0DD
100.0%	100.0% #D1C7E7	RGB 209 199 231	#D1C7E7

#5E3DAC #7154B5 #846BBF #9782C9 #AA99D3 #BDB0DD #D1C7E7

#5E3DAC - #D1C7E7

HSV Blend

#5E3DAC - #D1C7E7 | 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 #5E3DAC as 0% and #D1C7E7 as 100%.

0.0%	0.0% #5D3DAC	RGB 93 61 172	#5D3DAC
16.7%	16.7% #6E4FB5	RGB 110 79 181	#6E4FB5
33.3%	33.3% #7F64BF	RGB 127 100 191	#7F64BF
50.0%	50.0% #927AC9	RGB 146 122 201	#927AC9
66.7%	66.7% #A692D3	RGB 166 146 211	#A692D3
83.3%	83.3% #BBABDD	RGB 187 171 221	#BBABDD
100.0%	100.0% #D1C7E7	RGB 209 199 231	#D1C7E7

#5D3DAC #6E4FB5 #7F64BF #927AC9 #A692D3 #BBABDD #D1C7E7

#5E3DAC - #927AC9 - #D1C7E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D3DAC 0%, #927AC9 50%, #D1C7E7 100%);
    background: -webkit-linear-gradient(top, #5D3DAC 0%, #927AC9 50%, #D1C7E7 100%);
    background: linear-gradient(to bottom, #5D3DAC 0%, #927AC9 50%, #D1C7E7 100%);
}
</style>