#5E3695 - #D1C5E0 | 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 #5E3695 to #D1C5E0

#5E3695 #D1C5E0

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

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

0.0%	0.0% #5E3695	RGB 94 54 149	#5E3695
16.7%	16.7% #714DA1	RGB 113 77 161	#714DA1
33.3%	33.3% #8465AE	RGB 132 101 174	#8465AE
50.0%	50.0% #977DBA	RGB 151 125 186	#977DBA
66.7%	66.7% #AA95C7	RGB 170 149 199	#AA95C7
83.3%	83.3% #BDADD3	RGB 189 173 211	#BDADD3
100.0%	100.0% #D1C5E0	RGB 209 197 224	#D1C5E0

#5E3695 #714DA1 #8465AE #977DBA #AA95C7 #BDADD3 #D1C5E0

#5E3695 - #D1C5E0

HSV Blend

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

0.0%	0.0% #5E3695	RGB 94 54 149	#5E3695
16.7%	16.7% #6E48A1	RGB 110 72 161	#6E48A1
33.3%	33.3% #7F5DAE	RGB 127 93 174	#7F5DAE
50.0%	50.0% #9273BA	RGB 146 115 186	#9273BA
66.7%	66.7% #A68CC7	RGB 166 140 199	#A68CC7
83.3%	83.3% #BBA7D3	RGB 187 167 211	#BBA7D3
100.0%	100.0% #D1C5E0	RGB 209 197 224	#D1C5E0

#5E3695 #6E48A1 #7F5DAE #9273BA #A68CC7 #BBA7D3 #D1C5E0

#5E3695 - #9273BA - #D1C5E0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3695 0%, #9273BA 50%, #D1C5E0 100%);
    background: -webkit-linear-gradient(top, #5E3695 0%, #9273BA 50%, #D1C5E0 100%);
    background: linear-gradient(to bottom, #5E3695 0%, #9273BA 50%, #D1C5E0 100%);
}
</style>