#5E3EB5 - #D1C7E9 | 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 #5E3EB5 to #D1C7E9

#5E3EB5 #D1C7E9

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

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

0.0%	0.0% #5E3EB5	RGB 94 62 181	#5E3EB5
16.7%	16.7% #7154BD	RGB 113 84 189	#7154BD
33.3%	33.3% #846BC6	RGB 132 107 198	#846BC6
50.0%	50.0% #9782CF	RGB 151 130 207	#9782CF
66.7%	66.7% #AA99D7	RGB 170 153 215	#AA99D7
83.3%	83.3% #BDB0E0	RGB 189 176 224	#BDB0E0
100.0%	100.0% #D1C7E9	RGB 209 199 233	#D1C7E9

#5E3EB5 #7154BD #846BC6 #9782CF #AA99D7 #BDB0E0 #D1C7E9

#5E3EB5 - #D1C7E9

HSV Blend

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

0.0%	0.0% #5E3EB5	RGB 94 62 181	#5E3EB5
16.7%	16.7% #6E51BD	RGB 110 81 189	#6E51BD
33.3%	33.3% #8065C6	RGB 128 101 198	#8065C6
50.0%	50.0% #937BCF	RGB 147 123 207	#937BCF
66.7%	66.7% #A693D7	RGB 166 147 215	#A693D7
83.3%	83.3% #BBACE0	RGB 187 172 224	#BBACE0
100.0%	100.0% #D1C7E9	RGB 209 199 233	#D1C7E9

#5E3EB5 #6E51BD #8065C6 #937BCF #A693D7 #BBACE0 #D1C7E9

#5E3EB5 - #937BCF - #D1C7E9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3EB5 0%, #937BCF 50%, #D1C7E9 100%);
    background: -webkit-linear-gradient(top, #5E3EB5 0%, #937BCF 50%, #D1C7E9 100%);
    background: linear-gradient(to bottom, #5E3EB5 0%, #937BCF 50%, #D1C7E9 100%);
}
</style>