#5E3CC5 - #D1C7EE | 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 #5E3CC5 to #D1C7EE

#5E3CC5 #D1C7EE

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

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

0.0%	0.0% #5E3CC5	RGB 94 60 197	#5E3CC5
16.7%	16.7% #7153CB	RGB 113 83 203	#7153CB
33.3%	33.3% #846AD2	RGB 132 106 210	#846AD2
50.0%	50.0% #9781D9	RGB 151 129 217	#9781D9
66.7%	66.7% #AA98E0	RGB 170 152 224	#AA98E0
83.3%	83.3% #BDAFE7	RGB 189 175 231	#BDAFE7
100.0%	100.0% #D1C7EE	RGB 209 199 238	#D1C7EE

#5E3CC5 #7153CB #846AD2 #9781D9 #AA98E0 #BDAFE7 #D1C7EE

#5E3CC5 - #D1C7EE

HSV Blend

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

0.0%	0.0% #5E3CC5	RGB 94 60 197	#5E3CC5
16.7%	16.7% #6F50CB	RGB 111 80 203	#6F50CB
33.3%	33.3% #8065D2	RGB 128 101 210	#8065D2
50.0%	50.0% #937CD9	RGB 147 124 217	#937CD9
66.7%	66.7% #A793E0	RGB 167 147 224	#A793E0
83.3%	83.3% #BBACE7	RGB 187 172 231	#BBACE7
100.0%	100.0% #D1C7EE	RGB 209 199 238	#D1C7EE

#5E3CC5 #6F50CB #8065D2 #937CD9 #A793E0 #BBACE7 #D1C7EE

#5E3CC5 - #937CD9 - #D1C7EE

CSS codes

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

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