#6B4ECE - #D3A8E5 | 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 #6B4ECE to #D3A8E5

#6B4ECE #D3A8E5

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

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

0.0%	0.0% #6B4ECE	RGB 107 78 206	#6B4ECE
16.7%	16.7% #7C5DD1	RGB 124 93 209	#7C5DD1
33.3%	33.3% #8D6CD5	RGB 141 108 213	#8D6CD5
50.0%	50.0% #9F7BD9	RGB 159 123 217	#9F7BD9
66.7%	66.7% #B08ADD	RGB 176 138 221	#B08ADD
83.3%	83.3% #C199E1	RGB 193 153 225	#C199E1
100.0%	100.0% #D3A8E5	RGB 211 168 229	#D3A8E5

#6B4ECE #7C5DD1 #8D6CD5 #9F7BD9 #B08ADD #C199E1 #D3A8E5

#6B4ECE - #D3A8E5

HSV Blend

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

0.0%	0.0% #6A4ECE	RGB 106 78 206	#6A4ECE
16.7%	16.7% #7F5BD1	RGB 127 91 209	#7F5BD1
33.3%	33.3% #936AD5	RGB 147 106 213	#936AD5
50.0%	50.0% #A578D9	RGB 165 120 217	#A578D9
66.7%	66.7% #B688DD	RGB 182 136 221	#B688DD
83.3%	83.3% #C597E1	RGB 197 151 225	#C597E1
100.0%	100.0% #D3A8E5	RGB 211 168 229	#D3A8E5

#6A4ECE #7F5BD1 #936AD5 #A578D9 #B688DD #C597E1 #D3A8E5

#6B4ECE - #A578D9 - #D3A8E5

CSS codes

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

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